有73人阅读过
HTML计算输入值代码
发布于2022/03/02 更新于2022/03/02
[ 教程仅保证更新时有效，请自行测试。]
发布于2022/03/02 更新于2022/03/02
[ 教程仅保证更新时有效，请自行测试。]
[ 教程仅保证更新时有效，请自行测试。]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>加法</title>
</head>
<body>
<p>数字1：<input type="text" id="a" value=""></p>
<p>数字2：<input type="text" id="b" value=""></p>
<p><button onClick="total()">计算总和</button></p>
<p>结果为<span id="result" style="border:1px solid #000; width: 50px; color: aqua;"></span></p>
<script>
function total(){
var aa=document.getElementById('a').value;
var bb=document.getElementById('b').value;
var total=Number(aa)*Number(bb);
document.getElementById('result').innerHTML=total;
}
</script>
</body>
</html>
文章对你有帮助吗？
- 一般[0]
- 很赞[0]
- 没用[0]
- 垃圾[0]
- 无语[0]
