1.计算银行卡余额
遇到的问题,使用 border-collapse: collapse; 解决table边框塌陷问题。
<!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>消费支出打印</title>
<style>
h2{
text-align: center;
}
table{
margin: 50px auto;
width: 700px;
height: 50px;
}
table,
td,
th{
text-align: center;
border-collapse: collapse;
border: 2px solid #000;
}
</style>
</head>
<body>
<h2>2020年12月消费支出</h2>
<script>
let yue,shuifei,dianfei,wangfei,shengyu
yue=prompt('请输入你银行卡余额')
shuifei=prompt('请输入水费')
dianfei=prompt('请输入电费')
wangfei=prompt('请输入王菲')
/* yue=Number(yue)
shuifei=Number(shuifei)
dianfei=Number(dianfei)
wangfei=Number(wangfei) */
shengyu=yue-shuifei-dianfei-wangfei
document.write(`<table>
<tr>
<th>银行卡余额</th>
<th>水费</th>
<th>电费</th>
<th>网费</th>
<th>银行卡余额</th>
</tr>
<tr>
<td>${yue}</td>
<td>${shuifei}</td>
<td>${dianfei}</td>
<td>${wangfei}</td>
<td>${shengyu}</td>
</tr>
</table>`)
</script>
</body>
</html>
2.银行atm机存取钱
遇到的问题:加法记得转变数据类型。
<script>
//a 本金 b存取款额
let a,b,c
a=5000
while(true){
let d=prompt(`请选择您的操作:
1.取款
2.存款
3.查看余额
4.退出`)
if(d==4){
break
}
switch(d){
case '1':
b=prompt('请输入您取款的金额')
a -=b
break
case '2':
b=prompt('请输入您存款的金额')
b=Number(b)
a +=b
break
case '3':
alert(`您的余额为${a}`)
break
}
}
</script>