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 相关文章推荐
My Desktop :) 桌面式代码
Dec 29 Javascript
让firefox支持IE的一些方法的javascript扩展函数代码
Jan 02 Javascript
js parseInt(&quot;08&quot;)未指定进位制问题
Jun 19 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
Sep 25 Javascript
jQuery自定义事件的简单实现代码
Jan 27 Javascript
Javascript封装DOMContentLoaded事件实例
Jun 12 Javascript
jquery通过closest选择器修改上级元素的方法
Mar 17 Javascript
jquery实现图片预加载
Dec 25 Javascript
盘点javascript 正则表达式中 中括号的【坑】
Mar 16 Javascript
ajax图片上传,图片异步上传,更新实例
Dec 30 Javascript
JS严格模式知识点总结
Feb 27 Javascript
深入解读Node.js中的koa源码
Jun 17 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
example1.php
2006/10/09 PHP
php开发环境配置记录
2011/01/14 PHP
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
PHP实现中文圆形印章特效
2015/06/19 PHP
zend框架实现支持sql server的操作方法
2016/12/08 PHP
关于PHP内置的字符串处理函数详解
2017/02/04 PHP
解决php extension 加载顺序问题
2019/08/16 PHP
JavaScript的变量作用域深入理解
2009/10/25 Javascript
判断iframe是否加载完成的完美方法
2010/01/07 Javascript
js下拉菜单语言选项简单实现
2013/09/23 Javascript
浅析return false的正确使用
2013/11/04 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
vue.js学习笔记:如何加载本地json文件
2017/01/17 Javascript
基于javascript中的typeof和类型判断(详解)
2017/10/27 Javascript
基于Vue制作组织架构树组件
2017/12/06 Javascript
nodejs实现日志读取、日志查找及日志刷新的方法分析
2019/05/20 NodeJs
浅谈python函数之作用域(python3.5)
2017/10/27 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
Python namedtuple命名元组实现过程解析
2020/01/08 Python
通过python实现windows桌面截图代码实例
2020/01/17 Python
Python callable内置函数原理解析
2020/03/05 Python
Python读取VOC中的xml目标框实例
2020/03/10 Python
使用Python构造hive insert语句说明
2020/06/06 Python
python-jwt用户认证食用教学的实现方法
2021/01/19 Python
美国气象仪器、花园装饰和墙壁艺术商店:Wind & Weather
2019/05/29 全球购物
大学生的网络创业计划书
2013/12/26 职场文书
浙大毕业生自荐信
2014/01/26 职场文书
影子教师研修方案
2014/06/14 职场文书
三方股东合作协议书
2014/10/28 职场文书
2014年房地产销售工作总结
2014/12/01 职场文书
业务员岗位职责
2015/02/03 职场文书
房屋产权证明书
2015/06/19 职场文书
创业计划书之DIY自助厨房
2019/09/06 职场文书
nginx结合openssl实现https的方法
2021/07/25 Servers
MutationObserver在页面水印实现起到的作用详解
2022/07/07 Javascript