js实现简易ATM功能


Posted in Javascript onOctober 27, 2020

本文实例为大家分享了js实现简易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案例演示

js实现简易ATM功能

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

Javascript 相关文章推荐
几款极品的javascript压缩混淆工具
May 16 Javascript
js每次Title显示不同的名言
Sep 25 Javascript
jQuery 表单验证扩展(三)
Oct 20 Javascript
一个JavaScript函数把URL参数解析成Json对象
Sep 24 Javascript
js实现字符串转日期格式的方法
May 20 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
Oct 18 Javascript
JavaScript实现的CRC32函数示例
Nov 23 Javascript
jquery广告无缝轮播实例
Jan 05 Javascript
Angular实现预加载延迟模块的示例
Oct 12 Javascript
浅谈使用React.setState需要注意的三点
Dec 18 Javascript
使用pm2部署node生产环境的方法步骤
Mar 09 Javascript
layui中的switch开关实现方法
Sep 03 Javascript
Antd的table组件表格的序号自增操作
Oct 27 #Javascript
antd-DatePicker组件获取时间值,及相关设置方式
Oct 27 #Javascript
Ant Design moment对象和字符串之间的相互转化教程
Oct 27 #Javascript
ant-design表单处理和常用方法及自定义验证操作
Oct 27 #Javascript
ant design 日期格式化的实现
Oct 27 #Javascript
基于ant design日期控件使用_仅月份的操作
Oct 27 #Javascript
ant-design-vue 时间选择器赋值默认时间的操作
Oct 27 #Javascript
You might like
无数据库的详细域名查询程序PHP版(5)
2006/10/09 PHP
PHP Session机制简介及用法
2014/08/19 PHP
使用PHP编写发红包程序
2015/07/22 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
清空上传控件input file的值
2010/07/03 Javascript
jquery ui resizable bug解决方法
2010/10/26 Javascript
数组方法解决JS字符串连接性能问题有争议
2011/01/12 Javascript
将json对象转换为字符串的方法
2014/02/20 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
JavaScript实现在页面间传值的方法
2015/04/07 Javascript
解析jquery easyui tree异步加载子节点问题
2017/03/08 Javascript
多个上传文件用js验证文件的格式和大小的方法(推荐)
2017/03/09 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
python通过post提交数据的方法
2015/05/06 Python
python字典基本操作实例分析
2015/07/11 Python
python 第三方库的安装及pip的使用详解
2017/05/11 Python
django rest framework之请求与响应(详解)
2017/11/06 Python
Django2.1集成xadmin管理后台所遇到的错误集锦(填坑)
2018/12/20 Python
python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例
2019/11/28 Python
django多种支付、并发订单处理实例代码
2019/12/13 Python
Python如何读取、写入JSON数据
2020/07/28 Python
python super()函数的基本使用
2020/09/10 Python
关于CSS Tooltips(鼠标经过时显示)的效果
2013/04/10 HTML / CSS
会计专业大学生求职信范文
2014/01/28 职场文书
舞蹈专业求职信
2014/06/13 职场文书
党支部特色活动方案
2014/08/20 职场文书
2014公司党员自我评价范文
2014/09/11 职场文书
2014银行领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
党的群众路线教育实践活动自我剖析材料
2014/10/08 职场文书
计划生育工作总结2015
2015/04/03 职场文书
如何撰写促销方案?
2019/07/05 职场文书
导游词之广西漓江
2019/11/02 职场文书
Python 内置函数速查表一览
2021/06/02 Python