js基础-简易ATM机案例

案例效果图：

案例需求：

在开始写之前先进行案例分析：

 1. 本例是ATM机模型，用户在使用的时候需要反复提示输入框，所以要把输入框写道循环里面；
 2. 当需要退出循环的时候，用户只需要输入4就行了，此时结束循环，不在弹窗；
 3. 提前准备一个金额预存进去；
 4. 取钱是减法操作，存钱是加法操作，查看余额时直接显示;
 5. 输入不同的值，可以用switch语句来执行。
 

js代码：

 //3.准备余额
    let money = 100
    while (true) {
      //1.开始循环输入框写到循环里
      //模板字符串支持竖着写
      let result = +prompt(`
      请选择操作：
      1.存钱
      2.取钱
      3.查看余额
      4.退出
      `)
      // 4.根据输入做操作
      switch (result) {
        case 1:
          // 存钱
          let cun = +prompt('请输入要存储的金额：')
          money += cun
          break
        case 2:
          // 取钱
          let qu = +prompt('请输入要存储的金额：')
          money -= qu
          break
        //查钱
        case 3:
          alert(`您的银行卡余额为：${money}`)
          break
      }
      //2.如果用户退出循环，则输入4 break
      if (result === 4) {
        break
      }
    }

用一个prompt弹窗把提示语写出来，prompt（· ·）里面用两个反引号包裹提示语，因为反引号支持格式的转换。并且循环时需要反复提示输入框，所以提示框要写到循环里面去：
 

  let result = +prompt(`
      请选择操作：
      1.存钱
      2.取钱
      3.查看余额
      4.退出
      `)

使用 if 语句和 break 结束并退出循环，此时退出循环语句要写在 switch 语句外部，否则当输入退出循环时只是退出 switch 语句：
 

 if (result === 4) {
        break
      }

提前准备一个金额存入，并把这个这个语句写在 while 循环语句的外面，如果写在里面则会一直循环存入的金额：

 let money = 100

存钱、取钱都涉及到了运算，并且要输入不同的值可以用 switch 语句来执行,用prompt进行弹窗输入，用alert进行显示：

 switch (result) {
        case 1:
          // 存钱
          let cun = +prompt('请输入要存储的金额：')
          money += cun
          break
        case 2:
          // 取钱
          let qu = +prompt('请输入要存储的金额：')
          money -= qu
          break
        //查钱
        case 3:
          alert(`您的银行卡余额为：${money}`)
          break
      }

纠错及改，交流学习。