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 相关文章推荐
ajax不执行success回调而是执行了error回调
Dec 10 Javascript
js弹出div并显示遮罩层
Feb 12 Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 Javascript
JS实现仿苹果底部任务栏菜单效果代码
Aug 28 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
AngularJS向后端ASP.NET API控制器上传文件
Feb 03 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
Apr 17 Javascript
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
Aug 11 Javascript
vue使用axios实现文件上传进度的实时更新详解
Dec 20 Javascript
js中url对象化管理分析
Dec 29 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
Sep 18 Javascript
Vue实现的父组件向子组件传值功能示例
Jan 19 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导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
Laravel5.5以下版本中如何自定义日志行为详解
2018/08/01 PHP
基于JQuery的列表拖动排序实现代码
2013/10/01 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
2015/06/25 Javascript
JS未跨域操作iframe里的DOM
2016/06/01 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
2017/03/15 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
inner join 内联与left join 左联的实例代码
2017/09/18 Javascript
Vue.directive()的用法和实例详解
2018/03/04 Javascript
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
vue.js内置组件之keep-alive组件使用
2018/07/10 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
2019/08/27 jQuery
vue自定义指令实现仅支持输入数字和浮点型的示例
2019/10/30 Javascript
[40:10]2015国际邀请赛全明星表演赛
2015/08/07 DOTA
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
利用Python开发实现简单的记事本
2016/11/15 Python
Python 内置函数memoryview(obj)的具体用法
2017/11/23 Python
python调用OpenCV实现人脸识别功能
2018/05/25 Python
python_opencv用线段画封闭矩形的实例
2018/12/05 Python
python print输出延时,让其立刻输出的方法
2019/01/07 Python
Django 内置权限扩展案例详解
2019/03/04 Python
python 比较字典value的最大值的几种方法
2020/04/17 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
母亲节演讲稿范文
2014/01/02 职场文书
乔迁宴答谢词
2014/01/21 职场文书
产品推广策划方案
2014/05/10 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
2014报到证办理个人委托书
2014/10/08 职场文书
走群众路线剖析材料
2014/10/09 职场文书
公司副总经理岗位职责
2015/04/08 职场文书
2015年人力资源部工作总结
2015/04/30 职场文书
安全教育培训心得体会
2016/01/15 职场文书
会计做账心得体会
2016/01/22 职场文书
教你怎么用Python处理excel实现自动化办公
2021/04/30 Python
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis