JavaScript 实现简易 ATM 存取款功能

作者:青柠时间:2026-10-23 23:05:25浏览:335

本文介绍如何使用 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 案例演示

JavaScript 实现简易 ATM 存取款功能

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持本站。

作者最新文章