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 相关文章推荐
瀑布流布局并自动加载实现代码
Mar 12 Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
Jun 15 Javascript
input标签内容改变的触发事件介绍
Jun 18 Javascript
js智能获取浏览器版本UA信息的方法
Aug 08 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
Nov 04 Javascript
js实时获取窗口大小变化的实例代码
Nov 18 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
May 17 Javascript
基于hover的用法实例(推荐)
Jul 04 Javascript
jQuery选择器之表单元素选择器详解
Sep 19 jQuery
使用Javascript简单计算器
Nov 17 Javascript
vue自定义指令和动态路由实现权限控制
Aug 28 Javascript
基于elementUI竖向表格、和并列的案例
Oct 26 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微信开发之音乐回复功能
2018/06/14 PHP
PHP利用curl发送HTTP请求的实例代码
2020/07/09 PHP
jquery根据name属性查找的小例子
2013/11/21 Javascript
Jquery解析json数据详解
2013/12/26 Javascript
什么是cookie?js手动创建和存储cookie
2014/05/27 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
使用Raygun来自动追踪AngularJS中的异常
2015/06/23 Javascript
Javascript日期格式化format函数的使用方法
2016/08/30 Javascript
js代码延迟一定时间后执行一个函数的实例
2017/02/15 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
vue实现点击展开点击收起效果
2018/04/27 Javascript
layui实现数据分页功能
2019/07/27 Javascript
JS面向对象之多选框实现
2020/01/17 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
2020/02/02 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
[39:52]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第一场
2018/04/04 DOTA
理解Python中的绝对路径和相对路径
2017/08/30 Python
Python闭包之返回函数的函数用法示例
2018/01/27 Python
Python图像处理之图像的读取、显示与保存操作【测试可用】
2019/01/04 Python
python实现抽奖小程序
2020/04/15 Python
Python计算一个点到所有点的欧式距离实现方法
2019/07/04 Python
Python3如何对urllib和urllib2进行重构
2019/11/25 Python
python如何解析复杂sql,实现数据库和表的提取的实例剖析
2020/05/15 Python
基于SQLAlchemy实现操作MySQL并执行原生sql语句
2020/06/10 Python
详解Python设计模式之策略模式
2020/06/15 Python
python Socket网络编程实现C/S模式和P2P
2020/06/22 Python
傲盾软件面试题
2015/08/17 面试题
企业员工薪酬方案
2014/06/04 职场文书
2014年医院十一国庆节活动方案
2014/09/15 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
国土资源局开展党的群众路线教育实践活动整改措施
2014/09/26 职场文书
百家讲坛观后感
2015/06/12 职场文书
五年级作文之学校的四季
2019/12/05 职场文书
Python实战之疫苗研发情况可视化
2021/05/18 Python
详解CSS不受控制的position fixed
2021/05/25 HTML / CSS
Docker容器harbor私有仓库部署和管理
2022/08/05 Servers