JS-简易ATM机存取

需求:用户可以选择存钱、取钱、查看余额和退出功能
分析:
①:循环的时候,需要反复提示输入框,所以提示框写到循环里面
②:退出的条件是用户输入了4,如果是4,则结束循环,不在弹窗
③:提前准备一个金额预先存储一个数额
④:取钱则是减法操作,存钱则是加法操作,查看余额则是直接显示金额
⑤:输入不同的值,可以使用switch来执行不同的操作

代码

<!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 = 0
        //1.开始循环
        while (true) {
            let re = +prompt(`
            请您选择操作:
            1.存钱
            2.取钱
            3.查看余额
            4.退出
            `)
            // 2.用户输入4,退出循环 这里退出的是while循环
            if (re === 4) {
                break
            }
            // 3.根据输入做操作
            switch (re) {
                case 1:
                    //存钱,+ 将输入的字符串转换成数字型
                    let cun = +prompt('请输入存款金额')
                    money = money + cun
                    break
                case 2:
                    //取钱
                    let qu = +prompt('请输入取款金额')
                    money = money - qu
                    break
                case 3:
                    //查看余额,直接打印输出
                    alert(`银行卡余额为${money}元`)
                    break
            }
        }
    </script>
</body>

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值