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实现动态增加文件域表单
Feb 12 Javascript
JavaScript是否可实现多线程  深入理解JavaScript定时机制
Dec 22 Javascript
DOM 中的事件处理介绍
Jan 18 Javascript
jquery 实现input输入什么div图层显示什么
Jun 15 Javascript
js实现卡片式项目管理界面UI设计效果
Dec 08 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
js简单正则验证汉字英文及下划线的方法
Nov 28 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
Mar 27 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
ajaxfileupload.js实现上传文件功能
Apr 19 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
May 12 Javascript
javascript实现前端input密码输入强度验证
Jun 24 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 广告调用类代码(支持Flash调用)
2011/08/11 PHP
php抽奖小程序的实现代码
2013/06/18 PHP
浅析php插件 HTMLPurifier HTML解析器
2013/07/01 PHP
PHP实现显示照片exif信息的方法
2014/07/11 PHP
深入讲解PHP的Yii框架中的属性(Property)
2016/03/18 PHP
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
2017/05/11 PHP
使用javascript实现页面定时跳转总结篇
2013/09/21 Javascript
排序算法的javascript实现与讲解(99js手记)
2014/09/28 Javascript
jquery调取json数据实现省市级联的方法
2015/01/29 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
javascript断点调试心得分享
2016/04/23 Javascript
极力推荐10个短小实用的JavaScript代码段
2016/08/03 Javascript
JavaScript中清空数组的方法总结
2016/12/02 Javascript
javascript 显示全局变量与隐式全局变量的区别
2017/02/09 Javascript
node学习记录之搭建web服务器教程
2017/02/16 Javascript
javascript中this用法实例详解
2017/04/06 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
jQuery操作之效果详解
2017/05/19 jQuery
vue实现消息的无缝滚动效果的示例代码
2017/12/05 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
layer实现弹出层自动调节位置
2019/09/05 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
[01:09:24]Ti4开幕式
2014/07/19 DOTA
[45:18]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第一场
2018/04/04 DOTA
Saltstack快速入门简单汇总
2016/03/01 Python
TensorFlow深度学习之卷积神经网络CNN
2018/03/09 Python
python dataframe astype 字段类型转换方法
2018/04/11 Python
Python使用jsonpath-rw模块处理Json对象操作示例
2018/07/31 Python
python如何实现数据的线性拟合
2019/07/19 Python
python3 写一个WAV音频文件播放器的代码
2019/09/27 Python
Python编写万花尺图案实例
2021/01/03 Python
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
2014年政协工作总结
2014/12/09 职场文书
2015年幼儿教师个人工作总结
2015/05/20 职场文书
开学典礼校长致辞
2015/07/29 职场文书