利用js实现一个简单的ATM
实现以下功能:
<!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>
// 1. 需要准备 while 循环 需要 弹出 输入对话框
//定义一个flag用于退出终止循环
let flag = true
//银行卡的余额
let sum = 100
while (flag) {
let caozuo = +prompt(`
请选择您的操作:
1. 存款
2. 取款
3. 查看余额
4. 退出
`)
// 2. 根据 caozuo 变量 的值 来决定 是否是 1.存款 2. 取款 3. 查看余额 4. 退出
if (caozuo === 1) {
// 执行 存款的功能
// 需要 在页面 弹出一个 输入对话框
let cun = +prompt('请输入您的存款金额:')
sum += cun
} else if (caozuo === 2) {
// 执行 取款的功能
let qu = +prompt('请输入您的取款金额:')
if (sum >= qu) {
sum -= qu
}else{
alert('你的余额不足')
}
} else if (caozuo === 3) {
// 执行 查看余额的功能
alert(`您的卡里面还剩下${sum}`)
} else if (caozuo === 4) {
// 退出 让 循环的条件 不成立
alert('欢迎下次光临')
// 将 flag 变量的值 修改为 false
flag = false
} else {
// 提示
alert('请输入合法的操作')
}
}
</script>
</body>
</html>