pink老师课堂案例：简易的ATM机，学习前端开发一定要多动手实践

本文链接：https://blog.youkuaiyun.com/TAngellin/article/details/114256410

通过一个简易的银行系统案例，使用JavaScript实现基本的存款、取款和查询余额等功能，加深对前端开发的理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

一个js小案例，2021我正在学习前端开发，您呢？


var operate = prompt('选择操作：\n 1.查询余额\n 2.存钱\n 3.取钱\n 4.退出');

var money = 0;
var isContinue = true;
do{
    switch(operate) {
        case '1':
            alert('您当前账户余额为： '+ money);
            operate = prompt('选择操作：\n 1.查询余额\n 2.存钱\n 3.取钱\n 4.退出');
            break;
        case '2':
            var in_money = parseFloat(prompt('请输入存款金额:'));
            if(in_money){
                money = money + in_money;
                alert('本次存款金额'+in_money+'\n您当前账户余额为： '+ money);
            }else{
                alert('本次存款金额'+0+'\n您当前账户余额为： '+ money);
            }
            operate = prompt('选择操作：\n 1.查询余额\n 2.存钱\n 3.取钱\n 4.退出');
            break;
        case '3':
            var out_money = parseFloat(prompt('请输入取款金额:'));
            money = money - out_money;
            alert('本次取款金额'+out_money+'\n您当前账户余额为： '+ money);
            operate = prompt('选择操作：\n 1.查询余额\n 2.存钱\n 3.取钱\n 4.退出');
            break;
        case '4':
            alert('很高兴为您服务！再见');
            if (operate === '4'){
                isContinue = false;
            }
            break;
        default:
            operate = prompt('选择操作：\n 1.查询余额\n 2.存钱\n 3.取钱\n 4.退出');

    }
} while(isContinue);