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 相关文章推荐
pjblog中的UBBCode.js
Apr 25 Javascript
jQuery 取值、赋值的基本方法整理
Mar 31 Javascript
node.js中的url.parse方法使用说明
Dec 10 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
Mar 28 Javascript
jQuery弹出层插件Lightbox_me使用指南
Apr 21 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
Mar 07 Javascript
基于vue实现可搜索下拉框定制组件
Mar 26 Javascript
vue操作下拉选择器获取选择的数据的id方法
Aug 24 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
Nov 08 Javascript
前端面试知识点目录一览
Apr 15 Javascript
vue中keep-alive、activated的探讨和使用详解
Jul 26 Javascript
Vue3配置axios跨域实现过程解析
Nov 25 Vue.js
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
松下Panasonic RF-B65电路分析
2021/03/02 无线电
用mysql内存表来代替php session的类
2009/02/01 PHP
PHPMYADMIN 简明安装教程 推荐
2010/03/07 PHP
set_include_path和get_include_path使用及注意事项
2013/02/02 PHP
php数组去重复数据示例
2014/02/25 PHP
codeigniter框架The URI you submitted has disallowed characters错误解决方法
2014/05/06 PHP
Smarty中调用FCKeditor的方法
2014/10/27 PHP
PHP判断JSON对象是否存在的方法(推荐)
2016/07/06 PHP
对textarea框的代码调试,而且功能上使用非常方便,酷
2006/06/30 Javascript
jQuery使用手册之 事件处理
2007/03/24 Javascript
Javascript核心读书有感之类型、值和变量
2015/02/11 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
2015/08/26 Javascript
详解javascript遍历方式
2015/11/11 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
JavaScript原生节点操作小结
2017/01/17 Javascript
面试常见的js算法题
2017/03/23 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
2018/06/26 Javascript
VueJS 组件参数名命名与组件属性转化问题
2018/12/03 Javascript
layui扩展上传组件模拟进度条的方法
2019/09/23 Javascript
微信小程序可滑动月日历组件使用详解
2019/10/21 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
在vue-cli3中使用axios获取本地json操作
2020/07/30 Javascript
利用React高阶组件实现一个面包屑导航的示例
2020/08/23 Javascript
[09:23]国际邀请赛采访专栏:iG战队VK,Tongfu战队Cu
2013/08/05 DOTA
[01:05:52]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第一场 2月2日
2021/03/11 DOTA
Python3读取zip文件信息的方法
2015/05/22 Python
Python中模块pymysql查询结果后如何获取字段列表
2017/06/05 Python
python+numpy+matplotalib实现梯度下降法
2018/08/31 Python
Python生成器的使用方法和示例代码
2019/03/04 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
python爬虫智能翻页批量下载文件的实例详解
2021/02/02 Python
利用纯CSS3实现动态的自行车特效源码
2017/01/20 HTML / CSS
分享一个H5原生form表单的checkbox特效代码
2018/02/26 HTML / CSS
《果园机器人》教学反思
2014/04/13 职场文书
人口与计划生育责任书
2015/05/09 职场文书
参观监狱警示教育心得体会
2016/01/15 职场文书