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 面向对象的 私有成员和公开成员
May 13 Javascript
利用js制作html table分页示例(js实现分页)
Apr 25 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
JavaScript中最简洁的编码html字符串的方法
Oct 11 Javascript
javascript验证内容为数字以及长度为10的简单实例
Aug 20 Javascript
Angular2库初探
Mar 01 Javascript
详解js静态资源文件请求的处理
Aug 01 Javascript
element-ui 限制日期选择的方法(datepicker)
May 16 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
Jul 19 Javascript
微信小程序授权登录及解密unionId出错的方法
Sep 26 Javascript
改变layer confirm弹窗按钮的颜色方法
Sep 12 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
May 14 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
mayfish 数据入库验证代码
2010/04/30 PHP
Admin generator, filters and I18n
2011/10/06 PHP
基于php iconv函数的使用详解
2013/06/09 PHP
PHP strip_tags()去除HTML、XML以及PHP的标签介绍
2014/02/18 PHP
浅析PHP中strlen和mb_strlen的区别
2014/08/31 PHP
让textarea控件的滚动条怎是位与最下方
2007/04/20 Javascript
jQuery的12招常用技巧分享
2011/08/08 Javascript
js 通用订单代码
2013/12/23 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
js 提交form表单和设置form表单请求路径的实现方法
2016/10/25 Javascript
js仿搜狐视频记录片列表展示效果
2020/05/30 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
如何使用JS在HTML中自定义字符串格式化
2017/07/20 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
swiper插件自定义切换箭头按钮
2017/12/28 Javascript
angular 数据绑定之[]和{{}}的区别
2018/09/25 Javascript
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
Python3常见函数range()用法详解
2019/12/30 Python
Pytorch基本变量类型FloatTensor与Variable用法
2020/01/08 Python
django queryset相加和筛选教程
2020/05/18 Python
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
遇到的Mysql的面试题
2014/06/29 面试题
电信营业员自我评价分享
2014/01/17 职场文书
软件测试专业推荐信
2014/09/18 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
2015年护理工作总结范文
2015/04/03 职场文书
2015年保育员个人工作总结
2015/05/13 职场文书
少先队中队工作总结2015
2015/07/23 职场文书
《正比例》教学反思
2016/02/23 职场文书
2016年教代会开幕词
2016/03/04 职场文书
2016年禁毒宣传活动总结
2016/04/05 职场文书
创业计划书之餐饮馄饨店
2019/07/18 职场文书
vue项目两种方式实现竖向表格的思路分析
2021/04/28 Vue.js