<!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>
2 回答
已采納
Lemonade_h
TA貢獻3條經驗 獲得超5個贊
<!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 中的新標簽。
損失函數
TA貢獻114條經驗 獲得超93個贊
<!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>望采納！
- 2 回答
- 0 關注
- 1585 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消