對於JavaScript的評估是正確的？

Question

我在這裏有這個代碼是正確的JavaScript eval用法如果不是你能幫我嗎？

<form name="Adder" action="adder(Adder)"> 
<input type="number" name="num1" /> 
<b><h4>+</H4></b> 
<input type="number" name="num2" /> 
<input type="submit" value="Add" /> 
</form> 

<p>Your answer shoud appear here:</p> 
<script type="text/javascript"> 
function adder(Adder) { 
eval("x=num1;y=num2;document.write(x+y)"); 
} 
</script> 

這是我正在談論的HTML與JavaScript的代碼。

Answer 1

不，you can't usedocument.write一旦文件被加載，你不需要eval在這裏。

你可以這樣做：

<form> 
    <input id=num1 type="number" name="num1" /> 
    <b><h4>+</h4></b> 
    <input id=num2 type="number" name="num2" /> 
    <input id=Add type="button" value=Add /> 
</form> 

<p>Your answer shoud appear here:</p><span id=sum></span 

<script type="text/javascript"> 
    document.getElementById('Add').onclick=function() { 
    var num1 = parseFloat(document.getElementById('num1').value); 
    var num2 = parseFloat(document.getElementById('num2').value); 
    document.getElementById('sum').innerHTML = num1 + num2; 
    } 
</script> 

Demonstration

注意

• 我舉一個ID的三個需要的元素，讓他們更容易
• 我用parseFloat來將字符串的值轉換爲數字
• 我用innerHTML寫的結果在一段
• 你添加功能不使用任何參數
• 你並不需要在您的形式action或submit輸入，如果你不想提交
• 您也可以刪除form
• 縮進使代碼更易讀
• 會有意見也做出關於h4在b，但它的開始是太多