利用js实现一个简单的ATM

史蒂文·月

已于 2022-07-29 20:32:13 修改

阅读量451

点赞数 1

于 2022-07-29 19:58:15 首次发布

本文链接：https://blog.csdn.net/m0_62371650/article/details/126062968

版权

利用js实现一个简单的ATM

实现以下功能:

在这里插入图片描述

<!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. 需要准备 while 循环 需要 弹出 输入对话框
        //定义一个flag用于退出终止循环
        let flag = true
        //银行卡的余额
        let sum = 100
        while (flag) {
            let caozuo = +prompt(`
        请选择您的操作：
        1. 存款
        2. 取款
        3. 查看余额
        4. 退出
      `)

            // 2. 根据 caozuo 变量 的值 来决定 是否是 1.存款 2. 取款 3. 查看余额  4. 退出
            if (caozuo === 1) {
                // 执行 存款的功能
                // 需要 在页面 弹出一个 输入对话框 
                let cun = +prompt('请输入您的存款金额：')
                sum += cun
            } else if (caozuo === 2) {
                // 执行 取款的功能
                let qu = +prompt('请输入您的取款金额：')
                if (sum >= qu) { 
                    sum -= qu 
                }else{
                    alert('你的余额不足')
                }

            } else if (caozuo === 3) {
                // 执行 查看余额的功能
                alert(`您的卡里面还剩下${sum}`)
            } else if (caozuo === 4) {
                // 退出 让 循环的条件 不成立 
                alert('欢迎下次光临')
                // 将 flag 变量的值 修改为 false
                flag = false
            } else {
                // 提示
                alert('请输入合法的操作')
            }

        }
    </script>
</body>
</html>