怎么没输出格？
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function resCalc()
{
numA=document.getElementById("num_a").value;
numB=document.getElementById("num_b").value;
document.getElementById("result").value=Number(numA)+Number(numB);
}
</script>
</head>
<body>
<p>使用 output 元素的简易计算器：</p>
<form onsubmit="return false">
<input id="num_a" /> +
<input id="num_b" /> =
<output id="result" onforminput="resCalc()"></output>
</form>
</body>
</html>
夜尽天明ht浏览 1521回答 2
2回答
-
Lemonade_h
<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> window.onload = function (){ var aSum = document.getElementById('sum'); aSum.onclick = function (){ var aNumOne = document.getElementById('num_a'); var aNumTwo = document.getElementById('num_a'); //将两个数字的和 存到一个变量里面 便于观看 var oSum = parseFloat(aNumOne.value) + parseFloat(aNumTwo.value); var result = document.getElementById('result'); result.innerHTML = oSum; } } </script> </head> <body> <p>使用 output 元素的简易计算器：</p> <input id="num_a" /> + <input id="num_b" /> = <output id="result"></output><br> <button id="sum">计算</button> </body> </html>output 没有value这个属性 所以只能改变 它的 innerHTML 我没有将你的output移出，我在布局里面添加了一个可以点击计算的按钮button 还有就是 简易计算器 我就没有帮你写判断是否是数字，有兴趣的话可以去网上搜一下。 我在这里还是建议你用一个span 去承载这两个数字之和。下面是W3C里面介绍output的用法：output：定义和用法<output> 标签定义不同类型的输出，比如脚本的输出。实例如何在表单中使用 output 元素：<form action="form_action.asp" method="get" name="sumform"><output name="sum"></output></form>HTML 4.01 与 HTML 5 之间的差异<output> 标签是 HTML 5 中的新标签。 -
损失函数
<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function resCalc() { numA=document.getElementById("num_a").value; numB=document.getElementById("num_b").value; document.getElementById("result").value=Number(numA)+Number(numB); } </script> </head> <body> <p>使用 output 元素的简易计算器：</p> <form onsubmit="return false"> <input id="num_a" /> + <input id="num_b" /> = <input id="result" onclick="resCalc()" /> </form> </body> </html>望采纳！
随时随地看视频慕课网APP
Html/CSS
Html5