js：运用JavaScript循环制作一个简易ATM机

最新推荐文章于 2024-05-26 17:37:28 发布

原创最新推荐文章于 2024-05-26 17:37:28 发布 · 556 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

js学习笔记专栏收录该内容

13 篇文章

订阅专栏

这篇博客展示了一个初学者用JavaScript编写的ATM机模拟程序，实现了存取款、查看余额和退出的功能。用户通过提示框交互，当余额不足时能正确处理。代码中包含了错误检查和余额更新。

需求：1.里面现存100元

2.如果存钱就输入钱数加上先存的钱数，之后弹出余额提示框。

3.如果取钱，就减去取的钱数，之后弹出余额提示框。

4.如果显示余额，就输出余额。

5.如果退出，就弹出信息提示框。

效果如下：

代码如下：

 <script>
        //定义余额
        let balance = 100;
        while (balance >= 0) {
            let op = "" * 1;
            if (balance > 0) {
                op = prompt("请输入您要的操作:\n1.存钱\n2.取钱\n3.显示余额\n4.退出") * 1;
                if (op == 1) {
                    let money = prompt("请输入您要存储的金额") * 1;
                    balance += money;
                    alert("您的余额为" + balance);
                } else if (op == 2) {
                    let money = prompt("请输入您要取出的金额") * 1;
                    if (money > balance) {
                        alert("余额不足");
                    } else {
                        balance -= money;
                        alert("您的余额为" + balance);
                    }
                } else if (op == 3) {
                    alert("您的余额为" + balance);
                } else if (op == 4) {
                    alert("已成功退出atm机操作");
                    break;
                } else {
                    alert("请正确输入操作");
                }
            } else {
                op = prompt("您的余额为零\n请输入您要的操作:\n1.存钱\n3.显示余额\n4.退出");
                if (op == 1) {
                    let money = prompt("请输入您要存储的金额") * 1;
                    balance += money;
                    alert("您的余额为" + balance);
                } else if (op == 3) {
                    alert("您的余额为" + balance);
                } else if (op == 4) {
                    alert("已成功退出atm机操作");
                    break;
                } else {
                    alert("请正确输入操作");
                }
            }
        }
    </script>

初学JavaScript，肯定还有很多不足之处，以上代码如有优化之处，还请不吝赐教。