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针对DOM的应用分析(二)
Apr 15 Javascript
js字符串转换成xml对象并使用技巧解读
Apr 18 Javascript
js判断浏览器是否支持html5
Aug 17 Javascript
jquery实现顶部向右伸缩的导航区域代码
Sep 02 Javascript
javascript如何创建对象
Aug 29 Javascript
js实现可输入可选择的select下拉框
Dec 21 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
Jan 05 Javascript
Vue-cli中为单独页面设置背景色的实现方法
Feb 11 Javascript
小试小程序云开发(小结)
Jun 06 Javascript
JS设置自定义快捷键并实现图片上下左右移动
Oct 17 Javascript
Vue 使用beforeEach实现登录状态检查功能
Oct 31 Javascript
three.js利用射线Raycaster进行碰撞检测
Mar 12 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
Cannot modify header information错误解决方法
2008/10/08 PHP
php中文繁体和简体相互转换的方法
2015/03/21 PHP
利用PHP抓取百度阅读的方法示例
2016/12/18 PHP
让插入到 innerHTML 中的 script 跑起来的实现代码
2006/07/01 Javascript
Js动态创建div
2008/09/25 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
2013/10/23 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
2014/03/04 Javascript
node.js中的fs.fchmod方法使用说明
2014/12/16 Javascript
js中函数声明与函数表达式
2015/06/03 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
有关JavaScript中call()和apply() 的一些理解
2016/05/20 Javascript
nodejs 的 session 简单使用
2016/06/06 NodeJs
JS常用算法实现代码
2016/11/14 Javascript
详解Node.js中exports和module.exports的区别
2017/04/19 Javascript
原生javascript实现的全屏滚动功能示例
2017/09/19 Javascript
Vue高版本中一些新特性的使用详解
2018/09/25 Javascript
详解JavaScript中typeof与instanceof用法
2018/10/24 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
2020淘宝618理想生活列车自动领喵币js脚本的代码
2020/06/02 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
Tensorflow 查看变量的值方法
2018/06/14 Python
基于python判断目录或者文件代码实例
2019/11/29 Python
python 数据库查询返回list或tuple实例
2020/05/15 Python
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
英国最大的专业户外零售商:Mountain Warehouse
2018/06/06 全球购物
JDO的含义
2012/11/17 面试题
2014春晚主持词
2014/03/25 职场文书
职员竞岗演讲稿
2014/05/14 职场文书
关于青春的演讲稿800字
2014/08/22 职场文书
三严三实对照检查材料思想汇报
2014/09/28 职场文书
文体活动总结
2015/02/04 职场文书
政审证明材料
2015/06/19 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书