JavaScript——简易ATM取款机

知识点

采用分支结构:switch分支语句+case+break

采用循环结构:while循环,当while条件表达式填(true)时便作为无限循环,经常在不知道循环次数的时候使用,并且需要在循环内使用break才会停止。

<script>
        var surplus = parseFloat(100)
        while (true) {
            var ATM = prompt('请问你需要办什么业务:' + '\n' + '1:存钱' + '\n' + '2:取钱' + '\n' + '3:显示余额' + '\n' + '4:退出')
            switch (ATM) {
                case '1':
                    var save = prompt('请输入您的存入金额')
                    if (save <= 0) {
                        alert('对不起存储不能小于0')//判断存入金额是否为负数
                    } else {
                        surplus += parseFloat(save)
                        alert('已存入' + save + '元,总共余额有' + surplus + '元');
                    }
                    break;
                case '2':
                    var take = prompt('请输入你要取走的金额')
                    if (take > surplus) {
                        alert('对不起,您的余额不足')
                    } else {
                        surplus = surplus - parseFloat(take)
                        alert('已取走' + take + '现在余额还剩' + surplus + '元');
                    }
                    break;
                case '3':
                    alert('您银行卡余额还剩' + surplus + '元');
                    break;
                case '4':
                    alert('已退出ATM取款机')
                    break;
                default:
                    alert('对不起,没有此操作')
            }
        }
    </script>

 

 

Web前端简易ATM取款机模拟案例通常是一个HTML、CSS和JavaScript结合的项目,它使用浏览器环境模拟银行ATM的功能,比如输入卡号、密码、选择操作(查询余额、存款、取款),并显示相应的反馈。下面是一个简化版的示例代码: ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>简易ATM模拟</title> <style> .atm { width: 400px; border: 1px solid #ccc; } </style> </head> <body> <div class="atm"> <input type="text" id="cardNumber" placeholder="请输入卡号"> <input type="password" id="pinCode" placeholder="请输入密码"> <select id="operation"> <option value="">请选择操作</option> <option value="checkBalance">查询余额</option> <option value="depositMoney">存款</option> <option value="withdrawMoney">取款</option> </select> <button onclick="handleAction()">确定</button> <p id="result"></p> </div> <script> function handleAction() { const cardNumber = document.getElementById('cardNumber').value; const pinCode = document.getElementById('pinCode').value; const operation = document.getElementById('operation').value; if (operation === '') { alert("请选择操作"); return; } // 这里只是一个简单的模拟,实际应用需要服务器交互 let balance = getBalance(cardNumber); // 模拟获取余额 switch (operation) { case 'checkBalance': document.getElementById('result').innerText = `您的余额是:${balance}`; break; case 'depositMoney': depositMoney(balance, pinCode); break; case 'withdrawMoney': withdrawMoney(balance, pinCode); break; } } function getBalance(cardNumber) { /* 这里返回一个随数作为模拟 */ } function depositMoney(balance, pinCode) { /* 存款逻辑 */ } function withdrawMoney(balance, pinCode) { /* 取款逻辑 */ } </script> </body> </html> ``` 请注意,这仅是一个基础示例,真正的ATM系统会涉及复杂的安全制、银行数据库交互以及后台验证。在实际项目中,你需要连接到真实的支付网关或通过API与银行服务交互。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值