javaScript | 练习：写一个仿银行ATM机，完成取钱、存钱、查询余额、退出功能

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

一只漫漫

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

阅读量595

点赞数 12

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/ZM20170703/article/details/136510657

版权

本文介绍了一个使用JavaScript编写的简单银行模拟程序，用户可以通过输入业务序号进行存款、取款、查看余额或退出。程序包含while循环和条件判断，展示了基本的用户交互和数据处理功能。

摘要由CSDN通过智能技术生成

效果演示

参考代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let money_sum = 0 //初始化余额
        while (1) {
            //弹出对话框 并且提示用户进行输入需办理业务序号
            let project = +prompt('请输入您所需要办理的业务序号:\n 1.存钱\n 2.取钱\n 3.查看余额\n 4.退出\n')
            // 注意这里需要用隐式转换 +  prompt获取的是字符串类型的数据

            //获取到用户的办理业务类型后进行业务处理
            if (project === 1) {
                // 当用户需要进行存钱操作时 
                let in_money = +prompt('请输入您需要存入的金额:')
                // 获取用户需要存入的金额 再进行处理
                money_sum += in_money
                continue //退出当前循环 继续外层循环
            }
            else if (project === 2) {
                // 当用户需要进行取钱操作时
                let out_money = +prompt('请输入您要取出的金额:')
                if (out_money > money_sum) {
                    alert('您的账户余额不足,请重新输入')
                }
                else {
                    // 对余额进行处理
                    money_sum -= out_money
                    continue //退出当前循环 继续外层循环
                }
            }
            else if (project === 3) {
                //当用户需要进行查看余额时
                alert(`尊敬的用户,您当前的卡内余额为:${money_sum}`)
                continue //退出当前循环 继续外层循环
            }
            else if (project === 4) {
                //用户选择退出服务时
                alert('感谢您选择我行,期待下次再为您服务')
                break
            }
            else {
                // 如果用户输入的不是1、2、3、4中的任何一个，提示用户重新输入
                alert('输入有误，请重新输入业务序号！');
            }
        }
        //在HTML中，换行通常是通过<br>标签实现的，而不是通过<br>文本。
        //在JavaScript的prompt函数中，输入的文本是作为单个字符串处理的，
        //所以在prompt中直接写<br>不会产生换行效果。
        //要在prompt对话框中显示换行，可以使用HTML实体\n来表示换行。
    
    //也可以用switch来做
    
    </script>
</body>

</html>