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 相关文章推荐
jQuery 联动日历实现代码
May 31 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
Nov 24 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
Jan 22 Javascript
利用angularjs1.4制作的简易滑动门效果
Feb 28 Javascript
JavaScript错误处理和堆栈追踪详解
Apr 18 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
Jul 24 Javascript
angular4笔记系列之内置指令小结
Nov 09 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
May 15 Javascript
vue自定义正在加载动画的例子
Nov 14 Javascript
js实现点赞按钮功能的实例代码
Mar 06 Javascript
Openlayers实现扩散的动态点(水纹效果)
Aug 17 Javascript
javascript中call,apply,bind的区别详解
Dec 11 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
yii上传文件或图片实例
2014/04/01 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
从数据库读取数据后将其输出成html标签的三种方法
2014/10/13 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
2020/09/13 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
2016/05/10 Javascript
jQuery实现区域打印功能代码详解
2016/06/17 Javascript
全面总结Javascript对数组对象的各种操作
2017/01/22 Javascript
canvas绘制一个常用的emoji表情
2017/03/30 Javascript
详解Node.js实现301、302重定向服务
2017/04/07 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
原生JS实现的双色球功能示例
2018/02/02 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
2018/03/01 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
2018/03/28 jQuery
Vue单页应用引用单独的样式文件的两种方式
2018/03/30 Javascript
vue单页开发父子组件传值思路详解
2018/05/18 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
使用localStorage替代cookie做本地存储
2019/09/25 Javascript
Vue数组响应式操作及高阶函数使用代码详解
2020/08/01 Javascript
微信小程序实现日历签到
2020/09/21 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
2021/02/26 Vue.js
[58:21]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第二场
2018/04/04 DOTA
python简单程序读取串口信息的方法
2015/03/13 Python
Python实现简单的代理服务器
2015/07/25 Python
Python Django中的STATIC_URL 设置和使用方式
2020/03/27 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
中国海淘族值得信赖的海淘返利网站:55海淘
2017/01/16 全球购物
Bluebella美国官网:英国性感内衣品牌
2018/10/04 全球购物
英国医生在线预约:Top Doctors
2019/10/30 全球购物
英国最受欢迎的母婴精品品牌:JoJo Maman BéBé
2021/02/17 全球购物
2015年乡镇卫生院妇幼保健工作总结
2015/05/19 职场文书
辞职离别感言
2015/08/04 职场文书
php实现自动生成验证码的实例讲解
2021/11/17 PHP
Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解
2022/03/03 Python
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers