js实现简易ATM功能

2024-07-28 21:57:16

本文实例为大家分享了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机存取款功能

js是一个功能十分强大的脚本语言,通过js能实现很多有意思的demo!而要实现那些功能炫酷.特效美观的东西DOM操作是必不可少且尤为重要的!这个ATM机存取款的案例,就用到js中一些简单的DOM操作来实现其功能. ATM机案例功能需求: 1.用户最多只能有三次输入卡号和密码的机会,如果超过三次,则提示卡号已被锁定 2.用户取款的金额不能大于卡上的账户余额 3.存取功能完成后,要更新相应的余额信息登录界面代码: <!DOCTYPE html> <html lang="en&qu
js实现简易ATM功能

本文实例为大家分享了js实现简易ATM功能的具体代码,供大家参考,具体内容如下案例描述程序根据输入的序号执行相应的业务处理逻辑 : 1.存款 2.取款 3.查看余额 4.取卡如果不输入或者错误输入则弹窗提示:你的输入的业务序号有误,请重新输入! 里面现存金额 123 元. 如果存款,就用输入的存款金额加现存的金额, 之后弹出现有余额的提示框如果取款,就减去取的钱数,之后弹出现有余额的提示框, 如果取款的金额大于剩余金额,则提示余额不足,如果小于等于则可进行取款操作如果存取款的金额输入款
java方法实现简易ATM功能

用java方法写简易ATM,供大家参考,具体内容如下本文需求:用java写一个简易ATM 功能:有登陆,有查询资金功能,有存款功能,有取款功能,有转账功能,有退出: 简述: (java方法)类似于javascript中的函数,用于封装一些代码,以便代码的复用: 技术需求:方法效果如下: 代码如下: package com.atm; import java.util.Scanner; /** * * @author 小zz *创建时间2019年5月9日下午4:13:10 *@version 1
js实现简易购物车功能

本文实例为大家分享了js实现简易购物车功能的具体代码,供大家参考,具体内容如下一.整体效果图 (关灯下) (开灯下) 二.HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车</title> <link type="text/css" rel="sty
js实现简易计数器功能

本文实例为大家分享了js实现简易计数器功能的具体代码,供大家参考,具体内容如下实现简易计数器可进行三个操作,开始计数,暂停计数,复位操作 (使用计时函数事件) <html> <head> <meta charset="utf-8"> <title>简易计数练习</title> <style type="text/css">
js实现简易计算器功能

制作能进行加减乘除的简易计算器,主要是练习动态注册事件.因以练习为主,所以包含了较多基础方法. 效果图代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简易计算器</title> <script type="text/javascript"> window.onload = function(){ docu
JS实现简易留言板增删功能

本文实例为大家分享了JS实现留言板增删功能的具体代码,供大家参考,具体内容如下 ## **JS实现简易留言板的增删功能** 一个很简单的留言板,实现**增删**功能,因为没有数据库,所以只是一个静态的留言板功能. **修改**功能其实也可以添加,但是我现在技术不够,等以后可能会添加**修改**功能. 代码很简单,注释很清楚.``` <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu
js实现简易计算器小功能

本文实例为大家分享了js实现简易计算器的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
使用Node.js实现简易MVC框架的方法

在使用Node.js搭建静态资源服务器一文中我们完成了服务器对静态资源请求的处理,但并未涉及动态请求,目前还无法根据客户端发出的不同请求而返回个性化的内容.单靠静态资源岂能撑得起这些复杂的网站应用,本文将介绍如何使用Node处理动态请求,以及如何搭建一个简易的 MVC 框架.因为前文已经详细介绍过静态资源请求如何响应,本文将略过所有静态部分. 一个简单的示例先从一个简单示例入手,明白在 Node 中如何向客户端返回动态内容. 假设我们有这样的需求: 当用户访问/actors时返回男演员列表页
js实现弹窗插件功能实例代码分享

目前测试下:支持IE6+ 火狐谷歌游览器等. 先来看看此组件的基本配置项:如下: 复制代码代码如下: this.config = { targetCls : '.clickElem', // 点击元素 title: '我是龙恩', // 窗口标题 content : 'text:<p style="width:100px;height:100px">我是龙</p>', //content : 'img
自制简易打赏功能的实例

1.申请开通cnblogs的JS代码支持 2.将微信收款码图片上传到cnblogs 3.将如下代码中的http://files.cnblogs.com/files/eritpang/weixin.bmp替换为刚刚上传的收款码图片的链接地址,然后将代码添加到设置->博客侧边栏公告(支持HTML代码)(支持JS代码)里面,再点击"保存"即可. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q

js实现简易ATM功能

相关推荐

随机推荐