JavaScript简易ATM机功能

编程基础 • 2025-01-07 11:11 • 阅读 20

<!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=prompt('请按以下操作自行选择\n'+'1.存款\n'+'2.取款\n'+'3.显示余额\n'+'4.退出登录\n');
   var sum=100;  //初始余额
  while(parseInt(num)!==4){
    //parseInt(num)强制转换为数字型
switch (parseInt(num)) {
    case 1:
        var s=prompt('请输入要存入的数量');
 sum = sum +parseInt(s) ;   //存钱后的余额
alert('当前账户余额为：'+sum+'');
num=prompt('请按以下操作自行选择\n'+'1.存款\n'+'2.取款\n'+'3.显示余额\n'+'4.退出登录\n');
 
 break;
 
    case 2:
        var s1=prompt('请输入要取出的数量');
 sum = sum - parseInt(s1);  //取钱后的余额
alert('当前账户余额为：'+sum+'');
num=prompt('请按以下操作自行选择\n'+'1.存款\n'+'2.取款\n'+'3.显示余额\n'+'4.退出登录\n');
 
 break;
    case 3:
alert('账户余额为：'+sum);
num=prompt('请按以下操作自行选择\n'+'1.存款\n'+'2.取款\n'+'3.显示余额\n'+'4.退出登录\n');
 
 break;
    
    default: 
    alert('无此选项请重新选择');
    num=prompt('请按以下操作自行选择\n'+'1.存款\n'+'2.取款\n'+'3.显示余额\n'+'4.退出登录\n');
} 
}
alert('已退出登录')   //用于显示退出登录
    </script>
</head>
<body>
    
</body>
</html>

说明：该代码包含了while循环和switch的使用，还有一些简单的加减法运算

思路：1.先要创建一个提示窗口prompt在里面填写一些基本选项并且用一个变量承接，为后面switch做准备

2. 随后使用while循环确保只有当我们在选用switch的对应选项时才会停止界面，否一直循环

3.在while循环中使用switch并对应开头所填写的数字，这里要注意的是要将开始创建用于switch的作为条件的变量强制转换为数字型

4.最后要将已退出的警示框写在循环外，并将它所对应的数字作为跳出循环的条件

今天的文章 JavaScript简易ATM机功能分享到此就结束了，感谢您的阅读。

JavaScript简易ATM机功能

相关推荐