自己的写的过程体会:第一步!重要的!要检查你的电脑是否联网了!本人在写到第3步时没注意到电脑没联网,就一直在显示不了你想要的结果,本来信誓旦旦说没错啊!就是这样啊!可是就显示不了,后来才发现是网络问题。所以!网络很重要!一把泪·啊···
然后呢,正题来了
这个简易的ATM机需要实现4个功能:
1.存钱(假设当时存有100块)
2.取钱
3.查询余额
4.退出
例如:我存入500块,余额就有600,那么我再取出300去买吃的,那么余额就剩下300了,然后查询余额就会弹出所剩余额为300
案例分析:页面弹出输入框(prompt),要求用户输入
想要的操作,当用户不输入‘退出’操作之前,其他操作执行完都会返回第一个要求用户输入的页面
var sum = 100; //原先存有的100块
do{// do while循环,先执行一遍循环体,再做判断,所以会先弹出询问用户输入框
var num = prompt('请输入您要的操作:' + '\n' + '1.存钱' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出' );
switch(num){
case ('1'):// 这里要注意 switch()括号里的特地值要完全匹配全等case()括号里的值,数据类型和值都等。因为 从prompt中获取的数字是字符串型,所以我们在case里也要输入字符串型的值
var money = prompt('请输入您要存钱的额数:');
sum = sum + parseFloat(money) ;//prompt输入的数字是字符,不能直接相加,要转换为数值型才能相加
alert ( '目前总余额共有:' + sum);
break;
case ('2'):
var money2 = prompt('请输入您要取钱的额数:')
sum = sum - parseFloat(money2);
alert('目前总余额还有:' + sum);
break;
case ('3'):
alert('您余额还有:' + sum );
break;
case ('4'):
alert('您正在退出' );
break;
}
}while( num < 4);// 这里要注意,while里的条件要是num < 4;因为我们要输入4操作时要退出循环了,所以不能=4
效果图如下:
首页,当我们输入1时,会弹出一个存钱额数输入框:
假如我们存入500,按回车就会接着弹出总余额数目:
回车,则会回到我们的首页,当输入操作2时,就会弹出取钱操作:
我们取出300去买好吃的,则余额就只剩300,回车就有提示:
回车就回到我们的首页,接着,我们输入操作3,就会弹出余额:
点击回车回到首页,当我们不想再操作时就输入4操作,退出: