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 表格的增行删行实现思路
Mar 21 Javascript
js动态添加删除,后台取数据(示例代码)
Nov 25 Javascript
Javascript遍历table中的元素示例代码
Jul 08 Javascript
JS制作简单的三级联动
Mar 18 Javascript
javascript字符串循环匹配实例分析
Jul 17 Javascript
js实现不提交表单获取单选按钮值的方法
Aug 21 Javascript
尝试动手制作javascript放大镜效果
Dec 25 Javascript
用ES6写全屏滚动插件的示例代码
May 02 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
在vue中利用v-html按分号将文本换行的例子
Nov 14 Javascript
解决vue 给window添加和移除resize事件遇到的坑
Jul 21 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 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
SONY SRF-40W电路分析
2021/03/02 无线电
PHP 字符串 小常识
2009/06/05 PHP
php 操作excel文件的方法小结
2009/12/31 PHP
php empty,isset,is_null判断比较(差异与异同)
2010/10/19 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
javascript禁用键盘功能键让右击及其他键无效
2013/10/09 Javascript
node.js中的buffer.slice方法使用说明
2014/12/10 Javascript
简介JavaScript中Math.LOG10E属性的使用
2015/06/14 Javascript
js跨域请求数据的3种常用的方法
2015/12/01 Javascript
深入理解JQuery中的事件与动画
2016/05/18 Javascript
原生js仿jquery animate动画效果
2016/07/13 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
关于js中的鼠标事件总结
2017/07/11 Javascript
JavaScript实现左侧菜单效果
2017/12/14 Javascript
在vue项目中引入vue-beauty操作方法
2019/02/11 Javascript
微信小程序扫描二维码获取信息实例详解
2019/05/07 Javascript
Vue.js如何使用Socket.IO的示例代码
2019/09/05 Javascript
在Python中操作文件之truncate()方法的使用教程
2015/05/25 Python
批量获取及验证HTTP代理的Python脚本
2017/04/23 Python
详解python里使用正则表达式的分组命名方式
2017/10/24 Python
Python操作rabbitMQ的示例代码
2019/03/19 Python
django之静态文件 django 2.0 在网页中显示图片的例子
2019/07/28 Python
python 数据提取及拆分的实现代码
2019/08/26 Python
python深copy和浅copy区别对比解析
2019/12/26 Python
Python3合并两个有序数组代码实例
2020/08/11 Python
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
Fossil美国官网:化石手表、手袋、首饰及配饰
2019/02/17 全球购物
大门门卫岗位职责
2013/11/30 职场文书
入党自我鉴定
2014/03/25 职场文书
教师年度考核自我评鉴
2015/08/11 职场文书
七年级生物教学反思
2016/02/20 职场文书
2019财务毕业实习报告
2019/06/27 职场文书
总结python多进程multiprocessing的相关知识
2021/06/29 Python
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技
MySQL下载安装配置详细教程 附下载资源
2022/09/23 MySQL