JavaScript 实现简易 ATM 存取款功能
本文介绍如何使用 JavaScript 实现一个简易的 ATM 系统。通过 prompt 获取用户输入的序号,利用 switch 语句处理存款、取款、查看余额和取卡四种业务逻辑。代码包含初始余额设定、金额校验及循环控制,适合初学者学习基础交互与流程控制。
JavaScript 实现简易 ATM 存取款功能
本文提供了一段使用 JavaScript 编写的简易 ATM 系统代码示例,供读者参考学习。
案例描述
该程序通过接收用户输入的序号来执行对应的业务逻辑。
系统支持以下四种业务选项:1. 存款;2. 取款;3. 查看余额;4. 取卡。
若用户未输入或输入了错误的序号,系统将弹出提示框显示“你的输入的业务序号有误,请重新输入!”。
系统初始账户余额设定为 123 元。
执行存款操作时,程序将用户输入的存款金额累加至现有余额,随后弹出提示框显示更新后的余额。
执行取款操作时,程序从现有余额中减去取款金额,随后弹出提示框显示更新后的余额。
若取款金额大于当前剩余余额,系统提示“余额不足”;若取款金额小于或等于剩余余额,则执行取款操作。
若用户在进行存款或取款时未输入金额(输入为空),系统将弹出提示框要求“请返回输入您存/取款金额!!!”。
选择查看余额时,系统直接输出当前账户余额。
选择取卡时,系统弹出提示框显示“你的银行卡已取出!”,并结束业务办理。
案例代码片段
案例代码片段
// An highlighted block
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简易ATM</title>
<script>
var rmb=123;
while (true) {
var action =prompt('请选择一下序号进行业务办理:\n 1.存款 \n 2.取款 \n 3.查看余额 \n 4.取卡');
switch (parseInt(action)) {
case 1:
var ck=prompt('请输入你要存入的金额:');
if (ck =="") {
alert('请重新输入序号办理!!!');
}else{
rmb+=parseInt(ck);
alert('你当前的余额为'+rmb+'元');
}
break;
case 2:
var qk=prompt('请输入你的取款金额:');
if (qk=="") {
alert('请重新输入序号办理!!!');
}else if(rmb>=qk){
rmb-=parseInt(qk);
alert('你当前余额为'+rmb+'元');
}else{
alert('你当前余额不足,请稍后再试');
};
break;
case 3:
alert('你当前余额为'+rmb+'元');
break;
case 4:
alert('你的银行卡已取出!');
break;
default:
alert('你的输入的业务序号有误,请重新输入!');
break;
}
if (action==4) {
//用户执行完取卡,用来终止循环的
break;
}
}
</script>
</head>
<body>
</body>
</html>
ATM 案例演示

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持本站。
ES6模块化中js文件怎么用import和export交互
2026-11-05 17:00:48
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
