JavaScript：简易ATM机案例

问题要求：

• 里面现存有 100 块钱。
• 如果存钱，就用输入钱数加上先存的钱数, 之后弹出显示余额提示框。
• 如果取钱，就减去取的钱数，之后弹出显示余额提示框。
• 如果显示余额，就输出余额 (如果存取了钱，余额也要变化。
• 如果退出，弹出退出信息提示框。

本章知识点：

采用分支结构：switch 分支语句。

采用循环结构：while 循环，当 while 条件表达式填 (true) 时便作为无限循环，经常在不知道循环次数的时候使用，并且需要在循环内使用 break 才会停止。

效果展示：

 

 代码展示：

<script>
    while (true) {
        var money = 100;
        var action = prompt('请输入您想要的操作：\n1.存钱\n2.取钱\n3.显示余额\n4.退出');
        switch (parseInt(action)) {
            case 1:
                var money1 = prompt('输入您存入的金额');
                money += parseInt(money1);
                alert('您卡里的金额为' + money + '元');
                break;

            case 2:
                var money2 = prompt('输入您取走的金额');
                if (money >= money2) {
                    money -= parseInt(money2);
                    alert('您卡里的金额为' + money + '元');
                } else {
                    alert('您的余额不足');
                }
                break;

            case 3:
                alert('您卡里的金额为' + money + '元');
                break;

            case 4:
                alert('再见！');
                break;

            default:
                alert('输入错误！');
                break;
        }
    }
</script>

代码分析：

因为卡内的余额会变化，存取钱都会改变卡内余额，每一次做完自己的操作之后，都要再次弹出对话框，所以这个问题要用到循环。 

使用while 循环是为了完成一次完整的操作后再次循环进行下次操作。

使用 parseInt() 是将存钱和取钱变量转换为数字型。