js-基础-案例-银行卡余额求解
js-基础-案例-银⾏卡余额求解项⽬场景：
在使⽤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>
原因分析：
我们要熟练使⽤这些运算符进⾏⼀些简单的运算逻辑的进⾏ document.write()的⽅法带有解析标签的作⽤，我们可以搭建好标签，然后将变量通过模板字符串的形式拼接进去，得到正确的值.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。