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分析、压缩工具 JavaScript Analyser
Nov 30 Javascript
javascript错误的认识不用关心内存管理
Dec 15 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 Javascript
简单谈谈gulp-changed插件
Feb 21 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
Mar 21 Javascript
JavaScript编写棋盘覆盖代码详解
Aug 28 Javascript
node.js基础知识小结
Feb 26 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
Feb 19 Javascript
vue之a-table中实现清空选中的数据
Nov 07 Javascript
VUE 动态组件的应用案例分析
Dec 02 Javascript
js实现数字跳动到指定数字
Aug 25 Javascript
JS实现简易日历效果
Jan 25 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常用的缓存技术汇总
2014/05/05 PHP
php curl 获取https请求的2种方法
2015/04/27 PHP
配置eAccelerator和XCache扩展来加速PHP程序的执行
2015/12/22 PHP
PHP 断点续传实例详解
2017/11/11 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
jquery跟js初始化加载的多种方法及区别介绍
2014/04/02 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
2014/10/31 Javascript
javaScript实现滚动新闻的方法
2015/07/30 Javascript
javascript实现拖放效果
2015/12/16 Javascript
XML、HTML、CSS与JS的区别整理
2016/02/18 Javascript
引用jquery框架后出错的解决方法
2016/08/09 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
jQuery EasyUi 验证功能实例解析
2017/01/06 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
2017/02/20 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
2017/08/25 Javascript
JS表单传值和URL编码转换
2018/03/03 Javascript
vue + el-form 实现的多层循环表单验证
2020/11/25 Vue.js
node koa2 ssr项目搭建的方法步骤
2020/12/11 Javascript
[55:25]2018DOTA2亚洲邀请赛3月29日 小组赛A组 VG VS OG
2018/03/30 DOTA
python 字符串split的用法分享
2013/03/23 Python
python使用paramiko实现远程拷贝文件的方法
2016/04/18 Python
python实现图像识别功能
2018/01/29 Python
Python 3 判断2个字典相同
2019/08/06 Python
Python类中方法getitem和getattr详解
2019/08/30 Python
Python列表list常用内建函数实例小结
2019/10/22 Python
Python下载的11种姿势(小结)
2020/11/18 Python
HTML5新增加的功能详解
2016/09/05 HTML / CSS
recorder.js 基于Html5录音功能的实现
2020/05/26 HTML / CSS
优秀员工年终发言演讲稿
2014/01/01 职场文书
茶叶生产计划书
2014/01/10 职场文书
2014年大学生党员自我评议
2014/09/22 职场文书
追讨欠款律师函
2015/06/24 职场文书
陶瓷类经典广告语集锦
2019/10/25 职场文书