简易ATM机

简易ATM机

编程基础 • 2025-01-07 11:40 • 阅读 5

今天给大家分享一个简易ATM机的做法，老规矩，先上图！

那么，我们看到这张图，先来分析他的做法！

1、首先大家可以看到是有一个弹框，弹框里包含着这些文字内容，那么弹框应该是无限循环的，这样才能支持我们进行多次操作，并且，我们需要一个初始值（money）那么写法如下：

let money =  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机，就做完了。小伙伴们也可以以此为模板，做出更好玩的东西。也希望大家的银行卡余额像我的一样多（哈哈哈哈哈哈）。

晚安

今天的文章简易ATM机分享到此就结束了，感谢您的阅读。