简易取款机案例

169 阅读1分钟
<!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>Document</title>
</head>

<body>
    <script>
        /*
            1. 由于操作提示是一直弹出的,所以prompt 应该写在循环体里面
            2. 根据用户输入不同的数字,从而实现不同的操作逻辑,所以应该用switch case 分支语句
            3. 由于4是退出,所以可以得知循环条件
            4. 取款即为减法操作 存款即为加法操作 查看余额为输出操作
        */
        let option = 0
        let money = 0
        while (option < 4) {
            option = prompt(`
            请输入操作
                  1取款
                  2存款
                  3查询余额
                  4退出
            `)
            switch (option) {
                case "1":
                    let qukuan = + prompt('请输入你的取款金额:')
                    money = money - qukuan
                    alert(`您的余额为${money}`)
                    break;
                case "2":
                    let cunkuan = +prompt('请输入你的存款金额:')
                    money = money + cunkuan
                    alert(`您的余额为${money}`)
                    break;
                case "3":
                    // money = money + cunkuan
                    alert(`您的余额为${money}`)
                    break;
                default:
                    break;
            }

        }
    </script>
</body>

</html>