目录
一.设计要求
二.设计思路
三.案例展示
四.源代码展示
一.设计要求
首先里面已经存放了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>
