基于javaScript的简易ATM机

最新推荐文章于 2024-09-11 17:09:49 发布

小彭爱敲代码

最新推荐文章于 2024-09-11 17:09:49 发布

阅读量661

点赞数 17

分类专栏： javaScript 文章标签： javascript 开发语言 ecmascript 物联网 html5

本文链接：https://blog.csdn.net/2303_78660417/article/details/140389065

版权

javaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一.设计要求

首先里面已经存放了100元钱。如果用户执行存钱操作，就将输入进去的存钱数目和现有的钱相加，再显示余额提示框。如果用户执行取钱操作，就用现有的钱减去要取出钱的数目，再显示余额提示框。如果用户在存钱或者取钱之前想要先查看下他的余额，则弹出显示余额提示框。当用户执行退出操作后，ATM机就不再起作用。

二.设计思路

1.首先设置钱的数目为100元，即初始化变量money为100。

2.接着在设置一个变量用来接收用户所执行的操作。

3.用switch语句来根据用户不同的操作而执行不同的结果。

4.用while循环来包裹上面内容，只要用户不执行退出操作，就可以一直使用上面所提到的ATM功能，来进行存钱和取钱的操作。

三.案例展示

这里我们首先执行存钱的操作，如下所示：

接着输入存钱的数目，这里我们存入200元，如下所示：

接着ATM机会自动显示存钱之后的余额，即为300元。

由于取钱和存钱大同小异，所以这里我们执行显示余额的操作：

依旧没错，存入200元之后，还剩下300元：

最后我们执行退出操作，系统会自动弹出已退出的提示。

四.源代码展示

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    var num = 1
    var money=100
    while(parseFloat(num) != 4){
      var num=prompt('请输入您要的操作:' + '\n'
      +'1.存钱' + '\n'
      +'2.取钱' + '\n'
      +'3.显示余额' + '\n'
      +'4.退出')
      switch(parseFloat(num)){
      case 1: var num1=prompt('请输入您要存钱的数目:');
      money+=parseFloat(num1); 
      alert('您当前的余额为:'+money); break;
      case 2: var num2=prompt('请输入您要取钱的数目:');
      money=money-parseFloat(num2); 
      alert('您当前的余额为:'+money); break;
      case 3: alert('您当前的余额还有:'+money); break;
      case 4: alert('您已退出ATM机')
    }
  }
  </script>
</head>
<body>
  
</body>
</html>