js实现简易ATM功能

 更新时间:2020年10月27日 17:10:59   作者:程序and人生  
这篇文章主要为大家详细介绍了js实现简易ATM功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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可断点续传文件上传实现代码解析

    JS可断点续传文件上传实现代码解析

    这篇文章主要介绍了JS可断点续传文件上传实现代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • JavaScript+Canvas实现绘制音频可视化波形图

    JavaScript+Canvas实现绘制音频可视化波形图

    这篇文章主要为大家详细介绍了如何利用JavaScript和Canvas实现绘制音频可视化波形图,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-02-02
  • 自己写一个uniapp全局弹窗(APP端)

    自己写一个uniapp全局弹窗(APP端)

    应用uni-app跨平台框架进行项目开发过程中,需要实现版本更新时全页面弹窗,底部导航栏无法点击的效果,下面这篇文章主要给大家介绍了关于uniapp全局弹窗(APP端)的相关资料,需要的朋友可以参考下
    2022-10-10
  • 各浏览器对link标签onload/onreadystatechange事件支持的差异分析

    各浏览器对link标签onload/onreadystatechange事件支持的差异分析

    各浏览器对link标签onload/onreadystatechange事件支持的差异分析,需要的朋友可以参考下。
    2011-04-04
  • 一文详解JavaScript中的URL编码和解码

    一文详解JavaScript中的URL编码和解码

    在本文中,我们将探讨在 JavaScript 中处理 URL 的现代技术,并回答与在 JavaScript 中编码和解码 URL 相关的问题,文中通过代码示例介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下
    2024-03-03
  • BootstrapValidator验证用户名已存在(ajax)

    BootstrapValidator验证用户名已存在(ajax)

    这篇文章主要为大家详细介绍了BootstrapValidator验证用户名已存在,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • echarts地图绘制自定义标记实现方法

    echarts地图绘制自定义标记实现方法

    这篇文章主要给大家介绍了关于echarts地图绘制自定义标记实现的相关资料,ECharts地图是一个功能强大的数据可视化工具,基于百度ECharts开源项目开发而成,它主要用于在网页中展示各种地理数据和地图的信息,需要的朋友可以参考下
    2023-11-11
  • 用原生JS实现简单的多选框功能

    用原生JS实现简单的多选框功能

    这篇文章主要介绍了用原生JS实现简单的多选框功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-06-06
  • 固定背景实现的背景滚动特效示例分享

    固定背景实现的背景滚动特效示例分享

    固定背景滚动特效,使用background-attachment: fixed和导航菜单,页面会非常平滑的滚动,感兴趣的朋友可以参考下哈希望对你有所帮助
    2013-05-05
  • javascript实现秒表计时器的制作方法

    javascript实现秒表计时器的制作方法

    这篇文章主要为大家详细介绍了javascript实现秒表计时器的制作方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02

最新评论