效果演示
参考代码如下:
<!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_sum = 0 //初始化余额
while (1) {
//弹出对话框 并且提示用户进行输入需办理业务序号
let project = +prompt('请输入您所需要办理的业务序号:\n 1.存钱\n 2.取钱\n 3.查看余额\n 4.退出\n')
// 注意这里需要用隐式转换 + prompt获取的是字符串类型的数据
//获取到用户的办理业务类型后进行业务处理
if (project === 1) {
// 当用户需要进行存钱操作时
let in_money = +prompt('请输入您需要存入的金额:')
// 获取用户需要存入的金额 再进行处理
money_sum += in_money
continue //退出当前循环 继续外层循环
}
else if (project === 2) {
// 当用户需要进行取钱操作时
let out_money = +prompt('请输入您要取出的金额:')
if (out_money > money_sum) {
alert('您的账户余额不足,请重新输入')
}
else {
// 对余额进行处理
money_sum -= out_money
continue //退出当前循环 继续外层循环
}
}
else if (project === 3) {
//当用户需要进行查看余额时
alert(`尊敬的用户,您当前的卡内余额为:${money_sum}`)
continue //退出当前循环 继续外层循环
}
else if (project === 4) {
//用户选择退出服务时
alert('感谢您选择我行,期待下次再为您服务')
break
}
else {
// 如果用户输入的不是1、2、3、4中的任何一个,提示用户重新输入
alert('输入有误,请重新输入业务序号!');
}
}
//在HTML中,换行通常是通过<br>标签实现的,而不是通过<br>文本。
//在JavaScript的prompt函数中,输入的文本是作为单个字符串处理的,
//所以在prompt中直接写<br>不会产生换行效果。
//要在prompt对话框中显示换行,可以使用HTML实体\n来表示换行。
//也可以用switch来做
</script>
</body>
</html>