web前端开发之用JavaScript来实现简易ATM机
大家好，今天来用js写一个趣味小程序
用JavaScript来实现简易ATM机，简单实现下面几个效果
1、假设里面现存有1000块钱
2、如果存钱，就输入钱数加上先存的钱数，之后弹出显示余额提示框
3、 如果取钱，就减去取的钱数，之后弹出显示余额提示框，如果不足，提示取款失败
4、如果显示余额，就输出余额
5、如果退卡，弹出退出信息提示框
首先，理下思路，第一步得实现有4个选择项，得获取用户输入的选项执行操作，这里就用prompt()实现
prompt('请您选择下一步要进行的操作:'+'\n'+'1.存钱'+'\n'+'2.取钱'+'\n'+'3.显示余额'+'\n'+'4.退出')；
效果如下：
由于prompt()默认取回的字符串类型，这里我们要将它转为浮点数，使用parseFloat 将prompt默认取回的字符串类型转为数字（浮点型）
第二步
主体使用do...while语句承载ATM整个程序，先执行循环体，再来判断条件，也就是当用户输入"4"退出循环，否则循环执行ATM程序主体
第三步
使用swith语句来接收用户的选择并处理ATM存取逻辑，利用if语句判断取钱是否存在不足的情况，
结合上面所述情况，大概就是这个样子：
思路理完了，咱们总的来实验看看，到底可行不！
存钱
余额>取钱
余额<取钱
退卡
源代码：
<!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 money = 1000;
var ChooseNum = 0;//变量初始化
do{
ChooseNum = parseInt(prompt('请您选择下一步要进行的操作:'+'\n'+'1.存钱'+'\n'+'2.取钱'+'\n'+'3.查询余额'+'\n'+'4.退卡')); //将取回的字符串转化
switch(ChooseNum){
case 1:
money += parseFloat(prompt('请您输入存钱的金额'));
alert('存款成功！'+'\n'+'您的余额为：'+money);
break;
case 2:
if(money < parseFloat(prompt('请输入取出的金额'))){
alert('取款失败！'+'\n'+'您的余额不足');
}else{
money -= parseFloat(prompt('请确认您要取钱的金额'));
alert('取款成功！'+'\n'+'您的余额为：'+money);
}
break;
case 3:
alert('您的余额为：'+money);
break;
case 4:
alert('您已经退出，请取走卡片！');
break;
}
}while(ChooseNum != 4)
</script>
</head>
<body>
</body>
</html>
分享完毕，如有错误或者需要改进的地方希望评论区指正，我相信勤能补拙！
- 点赞
- 收藏
- 关注作者
评论（0）