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与C# Windows应用程序交互方法
Jun 29 Javascript
js操作二级联动实现代码
Jul 27 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 Javascript
jquery实现定时自动轮播特效
Dec 10 Javascript
Vue 组件(component)教程之实现精美的日历方法示例
Jan 08 Javascript
JavaScript门道之标准库
May 26 Javascript
layui的table单击行勾选checkbox功能方法
Aug 14 Javascript
Cocos2d实现刮刮卡效果
Dec 20 Javascript
微信小程序 WXML节点信息查询详解
Jul 29 Javascript
javascript利用键盘控制小方块的移动
Apr 20 Javascript
在vue中import()语法不能传入变量的问题及解决
Apr 01 Vue.js
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实现手机号码中间四位用星号(*)隐藏的自定义函数分享
2014/09/27 PHP
PHP实现多维数组转字符串和多维数组转一维数组的方法
2015/08/08 PHP
PHP二分查找算法示例【递归与非递归方法】
2016/09/29 PHP
PHP获取当前执行php文件名的代码
2017/03/02 PHP
jquery JSON的解析方式
2009/07/25 Javascript
不使用浏览器运行javascript代码的方法
2013/07/24 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
2014/01/27 Javascript
jquery 选取方法都有哪些
2014/05/18 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
javascript弹出拖动窗口
2015/08/11 Javascript
js提交form表单,并传递参数的实现方法
2016/05/25 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
2020/12/01 Javascript
nodeJS删除文件方法示例
2016/12/25 NodeJs
vue.js删除动态绑定的radio的指定项
2017/06/02 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
vue 不使用select实现下拉框功能(推荐)
2018/05/17 Javascript
三种Webpack打包方式(小结)
2018/09/19 Javascript
vue $mount 和 el的区别说明
2020/09/11 Javascript
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
利用Python的Flask框架来构建一个简单的数字商品支付解决方案
2015/03/31 Python
总结Python编程中函数的使用要点
2016/03/20 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
十行代码使用Python写一个USB病毒
2019/06/21 Python
PyQt5实现简易电子词典
2019/06/25 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
Python读取二进制文件代码方法解析
2020/06/22 Python
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
2013/01/06 HTML / CSS
如何写一个自定义标签
2012/12/28 面试题
动物科学专业求职信
2014/07/27 职场文书
我为党旗添光彩演讲稿
2014/09/10 职场文书
小学端午节活动总结
2015/02/11 职场文书
创业项目大全(适合在家创业的项目)
2019/08/15 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS
python munch库的使用解析
2021/05/25 Python
Mysql数据库索引面试题(程序员基础技能)
2021/05/31 MySQL