需求:用户可以选择存钱、取钱、查看余额和退出功能
分析:
①:循环的时候,需要反复提示输入框,所以提示框写到循环里面
②:退出的条件是用户输入了4,如果是4,则结束循环,不在弹窗
③:提前准备一个金额预先存储一个数额
④:取钱则是减法操作,存钱则是加法操作,查看余额则是直接显示金额
⑤:输入不同的值,可以使用switch来执行不同的操作
代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> //定义一个变量用于存放金额 let money = 0 //1.开始循环 while (true) { let re = +prompt(` 请您选择操作: 1.存钱 2.取钱 3.查看余额 4.退出 `) // 2.用户输入4,退出循环 这里退出的是while循环 if (re === 4) { break } // 3.根据输入做操作 switch (re) { case 1: //存钱,+ 将输入的字符串转换成数字型 let cun = +prompt('请输入存款金额') money = money + cun break case 2: //取钱 let qu = +prompt('请输入取款金额') money = money - qu break case 3: //查看余额,直接打印输出 alert(`银行卡余额为${money}元`) break } } </script> </body> </html>