简易ATM机

今天给大家分享一个简易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机,就做完了。小伙伴们也可以以此为模板,做出更好玩的东西。也希望大家的银行卡余额像我的一样多(哈哈哈哈哈哈)。

        晚安

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值