JS练习-简易ATM机案例

我的代码的思路是

 

 

第一步 输入用户名和密码 进入ATM机操作系统   代码如下：

 

            var UserName ='',PassWord = '';
            var UserName = prompt('请输入用户名');
            var PassWord = prompt('请输入密  码');
            while (UserName !== 'admin' || PassWord !== 'admin'){
                UserName = prompt('请输入用户名');
                PassWord = prompt('请输入密  码');
            }
            alert('登陆成功，欢迎您进入ATM机系统！');

 

第二步 请选择业务 1 存款-2 取款-3 查询余额-4 退出系统   定义变量 现有余额变量为money  存取钱变量为balance 选择序号变量为num  代码如下：

 

　　　　　　　var money = 100; // money为现有余额
            var balance = 0; // balance为存取钱的变量
            var num = prompt('选择您的业务: \n 1. 存款 \n 2. 取款 \n 3. 余额查询 \n 4. 退出系统');

 

第三步 进入步骤 我这里用的是swich  case 匹配对应的序号选择  代码如下： 要注意的是 prompt取过来的值是字符串类型的 所以需要转换一下 转成数值型变量  parseInt

 每一个case后面需要重复加这句代码   这样才会连贯整个程序  不然会有bug  当然你们可以考虑用循环来做这个

num = prompt('选择您的业务: \n 1. 存款 \n 2. 取款 \n 3. 余额查询 \n 4. 退出系统');

switch (Number(num)){
                case 1:
                var balance = prompt('请输入存款金额:');
                money = parseInt(balance) + parseInt(money);
                console.log(money);
                alert('存款成功,您目前的余额为'+ money +'元');
                num = prompt('选择您的业务: \n 1. 存款 \n 2. 取款 \n 3. 余额查询 \n 4. 退出系统');
                
                case 2:
                balance = prompt('请输入取款金额:');
                if (parseInt(balance) > money){
                    alert('您的余额不足，请重新输入');
                }else {
                    money = parseInt(money) - parseInt(balance);
                }
                alert('取款成功,您目前的余额为'+ money +'元');
                num = prompt('选择您的业务: \n 1. 存款 \n 2. 取款 \n 3. 余额查询 \n 4. 退出系统');
                
                case 3:
                alert('您的余额为'+ money +'元');
                num = prompt('选择您的业务: \n 1. 存款 \n 2. 取款 \n 3. 余额查询 \n 4. 退出系统');
                
                case 4:
                alert('即将退出系统，请取回您的银行卡!');
                break;
                
                default:
                alert('您输入的序号有误，请重新输入');
                num = prompt('选择您的业务: \n 1. 存款 \n 2. 取款 \n 3. 余额查询 \n 4. 退出系统');
            }