【JS】简易ATM取款机案例

搬砖老金牛

已于 2023-05-27 00:48:44 修改

阅读量973

点赞数 2

分类专栏： JavaScript 文章标签： javascript 数学建模开发语言

于 2023-05-25 00:58:52 首次发布

本文链接：https://blog.csdn.net/qq_48968230/article/details/130858434

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

需求：用户可以选择存钱、取钱、查看余额和退出。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ATM取款机</title>
</head>
<body>
    <script>
        //1. 开始循环
        //3. 准备一个总的金额
        let money = 100;
        while(true)
        {
            //+号将string类型转为number
            let re = +prompt(`
            请你选择操作：
            1. 存钱
            2. 取钱
            3. 查看余额
            4. 退出
            `);
            //2. 如果用户输入的4，则退出循环，break
            if(re === 4) 
            {
                break;
            }    
            //4. 根据输入做操作
            switch(re)
            {
                case 1:
                    //存钱   注意：+号将string类型转为number类型
                    let save = +prompt('请输入存款金额：');
                    money = money + save;
                    break;
                case 2:
                    //取钱
                    let out = +prompt('请输入取款金额：');
                    money = money - out;
                    break;
                case 3:
                    //查看余额
                    alert(`您的银行卡余额为${money}`);
                    break;
            }
            
        }
    </script>
</body>
</html>

运行结果：