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