今天给大家分享一个简易ATM机的做法,老规矩,先上图!
那么,我们看到这张图,先来分析他的做法!
1、首先大家可以看到是有一个弹框,弹框里包含着这些文字内容,那么弹框应该是无限循环的,这样才能支持我们进行多次操作,并且,我们需要一个初始值(money)那么写法如下:
let money = 99999999
while (true) {
let re = +prompt(`
请您选择操作:
1.存钱
2.取钱
3.查看余额
4.退出
`)
这里大家要注意,我们要用模板字符串来包裹,这样我们的文字就可以换行显示。
2、好的,现在这个弹框可以无限的循环使用,但是大家想一下,这个弹框用得着一直循环使用吗?是不是应该选择“4、退出”,就退出循环呢?那么我们来实现这一步:
if (re === 4) {
break
}
哦吼!这样,我们的ATM机就可以选择“4、退出”,然后退出整个程序了。
3、接下来,我们就要对其中的各个操作步骤进行实现了。透过现象看本质,“1、存钱”,是不是就是我们平常的加法操作呢?那么“2、取钱”不就是减法操作了?我们对于固定值得循环,使用switch方法。OK!上代码:
switch (re) {
case 1:
// 存钱
let saveMoney = +prompt('请输入存款金额')
money = money + saveMoney
break
case 2:
// 存钱
let withdrawalOfMoney = +prompt('请输入取款金额')
money -= withdrawalOfMoney
break
这里注意,我们的switch语句,在每段语句后,一定要加break,表示我们运行完一段语句,就退出循环。
4、那么最后一步“3、查看余额”,大家觉得这一步应该怎么写?
非常简单的!!!只需要弹出“money”就可以了!!!太简单了,我不得不水一下(哈哈哈哈)上代码:
case 3:
// 显示余额
alert(`您的银行卡余额是${money}`)
break
来吧!展示!!!
OK,今天的简易ATM机,就做完了。小伙伴们也可以以此为模板,做出更好玩的东西。也希望大家的银行卡余额像我的一样多(哈哈哈哈哈哈)。
晚安