<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> // 需求:用户可以选择存钱、取钱、查看余额和退出功能 // 分析: // ①:循环的时候,需要反复提示输入框,所以提示框写到循环里面 // ②:退出的条件是用户输入了 4 // ③:提前准备一个金额预先存储一个数额 // ④:取钱则是减法操作, 存钱则是加法操作,查看余额则是直接显示金额 // ⑤:输入不同的值,可以使用switch来执行不同的操作 let money = 0 // 余额 let i // 存钱取钱操作数 let op = prompt('请选择你的操作\n1 取款\n2 存款\n3 查看余额\n4 退出') // 选择操作 while(op > 0){ switch(op){ case '1': i = Number(prompt(`请输入你要取款的金额:`)) if(i > money){ alert('余额不足') alert(`当前你的余额为 ${money}`) break } money -= i alert(`当前你的余额为 ${money}`) op = prompt('请选择你的操作\n1 取款\n2 存款\n3 查看余额\n4 退出') break case '2': i = Number(prompt(`请输入你要存款的金额:`)) money += i alert(`当前你的余额为 ${money}`) op = prompt('请选择你的操作\n1 取款\n2 存款\n3 查看余额\n4 退出') break case '3': alert(`当前你的余额为 ${money}`) op = prompt('请选择你的操作\n1 取款\n2 存款\n3 查看余额\n4 退出') break case '4': alert('退出成功!') op = false break } } </script> </body> </html>
JavaScript基础-while语句之ATM案例
最新推荐文章于 2024-07-12 21:49:18 发布