项目场景:
在使用javascript进行简单的运算逻辑
问题描述:
用户输入银行卡总数/消耗的水费/消耗的电费/消耗的网费/消耗的生活费
要求:求出最后银行卡号的余额是多少?(用表格完成)
答案如下:
<!DOCTYPE html>
<html lang="zh-CN">
<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>
<style>
body {
text-align: center;
}
table {
width: 500px;
height: 100px;
border: 1px solid #000;
margin: auto;
}
th,
td {
border: 1px solid #000;
}
</style>
</head>
<body>
<script>
let a = prompt('请输入银行卡的总数')
let b = prompt('请输入水费')
let c = prompt('请输入电费')
let d = prompt('请输入生活费')
let e = prompt('请输入网费费')
let g = a-b-c-d-e
// document.write()通过``字符串拼接可以解析标签
document.write(`
<h2>2021年银行卡余额</h2>
<table>
<tr>
<th>银行卡金额</th>
<th>水费</th>
<th>电费</th>
<th>生活费</th>
<th>网费</th>
<th>银行卡余额</th>
</tr>
<tr>
<td>${a}</td>
<td>${b}</td>
<td>${c}</td>
<td>${d}</td>
<td>${e}</td>
<td>${g}</td>
</tr>
</table>
`)
</script>
</body>
</html>