实战演练3——简易ATM取钱械
一、步骤:
简易ATM取款机案例 需求:用户可以选择存钱、取钱、查看余额和退出功能 分析: ①:循环的时候, 需要反复提示输入框,所以提示框写到循环里面 ②:退出的条件是用户输入了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>
//1.开始循环
//3.准备一个总金额
let money = 1000
while(true){
let re =+prompt(`
请您选择操作:
1.存款
2.取款
3.查询余额
4.退出
`)
//2.判断用户输入的数字
//2.如果用户输入的4则退山猫坏,
if (re ===4){
break
}
//4.根据输入做操作
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>
解释:在 JavaScript 中,prompt() 是一个内置函数,用于创建一个简单的对话框,提示用户输入文本。如果要输入数字的话需要改为“+prompt”