<!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 元素的簡(jiǎn)易計(jì)算器：</p><form onsubmit="return false">?<input id="num_a" /> +?<input id="num_b" /> =?<output id="result" onforminput="resCalc()"></output></form></body></html>
2 回答
已采納
Lemonade_h
TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超5個(gè)贊
<!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');
//將兩個(gè)數(shù)字的和?存到一個(gè)變量里面??便于觀看
var?oSum?=?parseFloat(aNumOne.value)?+?parseFloat(aNumTwo.value);
var?result?=?document.getElementById('result');
result.innerHTML?=?oSum;
}
}
</script>
</head>
<body>
<p>使用?output?元素的簡(jiǎn)易計(jì)算器：</p>
?<input?id="num_a"?/>?+
?<input?id="num_b"?/>?=
?<output?id="result"></output><br>
?<button?id="sum">計(jì)算</button>
</body>
</html>output 沒(méi)有value這個(gè)屬性 ?所以只能改變 它的 ?innerHTML ?我沒(méi)有將你的output移出，我在布局里面添加了一個(gè)可以點(diǎn)擊計(jì)算的按鈕button ?還有就是 ?簡(jiǎn)易計(jì)算器 ?我就沒(méi)有幫你寫判斷是否是數(shù)字，有興趣的話可以去網(wǎng)上搜一下。?
我在這里還是建議你用一個(gè)span 去承載這兩個(gè)數(shù)字之和。下面是W3C里面介紹output的用法：
output：
定義和用法
<output> 標(biāo)簽定義不同類型的輸出，比如腳本的輸出。
實(shí)例
如何在表單中使用 output 元素：
<form action="form_action.asp" method="get" name="sumform"><output name="sum"></output></form>
HTML 4.01 與 HTML 5 之間的差異
<output> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。
損失函數(shù)
TA貢獻(xiàn)114條經(jīng)驗(yàn) 獲得超93個(gè)贊
<!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?元素的簡(jiǎn)易計(jì)算器：</p>
<form?onsubmit="return?false">
?<input?id="num_a"?/>?+
?<input?id="num_b"?/>?=
?<input?id="result"?onclick="resCalc()"?/>
</form>
?
</body>
</html>望采納！
添加回答
舉報(bào)
0/150
提交
取消