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 验证上传图片大小[客户端]
Aug 01 Javascript
JavaScript 组件之旅(四):测试 JavaScript 组件
Oct 28 Javascript
json原理分析及实例介绍
Nov 29 Javascript
什么是 AngularJS?AngularJS简介
Dec 06 Javascript
jQuery中:first选择器用法实例
Dec 30 Javascript
Javascript之BOM(window对象)详解
May 25 Javascript
layui选项卡效果实现代码
May 19 Javascript
vue实现鼠标移入移出事件代码实例
Mar 27 Javascript
uni-app之APP和小程序微信授权方法
May 09 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
Jul 25 Javascript
VUEX 数据持久化,刷新后重新获取的例子
Nov 12 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
Jan 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如何执行非缓冲查询API
2016/07/22 PHP
PHP检查文件是否存在,不存在自动创建及读取文件内容操作示例
2020/01/23 PHP
基于Jquery的文字自动截取(提供源代码)
2011/08/09 Javascript
jquery cookie实现的简单换肤功能适合小网站
2013/08/25 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
javascript实时获取鼠标坐标值并显示的方法
2015/04/30 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
js弹出窗口简单实现代码
2017/03/22 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
jQuery接受后台传递的List的实例详解
2017/08/02 jQuery
常用的 JS 排序算法 整理版
2018/04/05 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
2018/05/14 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
mac上配置Android环境变量的方法
2018/07/08 Javascript
layui prompt 设置允许空白提交的方法
2019/09/24 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
JavaScript的一些小技巧分享
2021/01/06 Javascript
[00:57]辉夜杯战队访谈宣传片—VG
2015/12/25 DOTA
python实现简单温度转换的方法
2015/03/13 Python
使用Python写一个贪吃蛇游戏实例代码
2017/08/21 Python
简单了解python的break、continue、pass
2019/07/08 Python
Python学习笔记之装饰器
2020/08/06 Python
耐克美国官网:Nike.com
2016/08/01 全球购物
Marc Jacobs彩妆官网:Marc Jacobs Beauty
2017/07/03 全球购物
Pam & Gela官网:美国性感前卫女装品牌
2018/07/19 全球购物
Bally澳大利亚官网:瑞士奢侈品牌
2018/11/01 全球购物
程序运行正确, 但退出时却"core dump"了,怎么回事
2014/02/19 面试题
一套比较完整的软件测试人员面试题
2012/05/13 面试题
物流管理应届生求职信
2013/11/07 职场文书
市场部管理制度
2014/02/02 职场文书
新农村建设典型材料
2014/05/31 职场文书
领导班子四风对照检查材料范文
2014/09/27 职场文书
七个Python必备的GUI库
2021/04/27 Python
Spring Boot DevTools 全局配置学习指南
2022/03/31 Java/Android
什么是css原子化,有什么用?
2022/04/24 HTML / CSS