js不會顯示計算結果

快速新手問題，我敢肯定它對你來說很簡單，但我無法讓我的頭腦發現爲什麼我的代碼不工作。在網上檢查，似乎我做的一切都很好，但仍然不會工作...所有我試圖做的是，使簡單的計算和顯示，在差異的領域。我嘗試了外部和內部的JS。這裏是我的代碼：js不會顯示計算結果

<script type="text/javascript"> 
    function calculate(){ 
    var a = document.calculate.first.value; 
    var b = document.calculate.second.value; 
    var c = parseInt(a) + parseInt(b); 
    document.calculate.result.value = c; 
    } 
</script> 


<body> 
    <form name="calculate"> 
     <input type="text" name="first" size="5"> 
     <input type="text" name="second" size="5"> 
     <input type="button" onclick="calculate()"> 
     <input type="text" name="result" id="result" size="5"> 
    </form> 
</body>

來源

2013-08-28 MrPaulius

鉻說：

Uncaught TypeError: object is not a function (onclick)

給予不同的名稱，形式和onclick處理程序！ Here是一個測試。

來源

2013-08-28 09:32:53 kol

我們可以承認在這種情況下，「表格」不需要執行'calcultate（）' – 2013-08-28 09:42:50

kol，你如何得到鉻來檢查你的js文件？ – MrPaulius

@MrPaulius我將你的代碼複製到jsFiddle中，用F12打開控制檯，然後按下運行按鈕。 Chrome將錯誤消息寫入控制檯。 – kol

以下是更正代碼：

<html> 
    <head> 
     <script type="text/javascript"> 
     function calculate(){ 
     var a = document.getElementById('first').value; 
     var b = document.getElementById('second').value; 
     var c = parseInt(a) + parseInt(b); 
     document.getElementById('result').value = c; 
     } 
     </script> 
    </head> 
    <body> 
     <form name="calculateform"> 
      <input type="text" id="first" size="5"> 
      <input type="text" id="second" size="5"> 
      <input type="button" onclick="calculate()"> 
      <input type="text" id="result" id="result" size="5"> 
     </form> 
    </body> 
</html>

來源

2013-08-28 09:38:26

其原因可能是您的形式爲您js函數使用相同的名稱。工作示例：

<html> 
    <head> 
    <script type="text/javascript"> 
     function calculate(){ 
     alert(document.calculatex.first.value); 
     var a = document.calculatex.first.value; 
     var b = document.calculatex.first.value; 
     var c = parseInt(a) + parseInt(b); 
     document.calculatex.result.value= c; 
    } 
    </script> 
    </head> 
    <body> 
    <form name="calculatex"> 
     <input type="text" name="first" size="5"/> 
     <input type="text" name="second" size="5"/> 
     <input type="button" value="calculate" onclick="calculate();"/> 
     <input type="text" name="result" id="result" size="5"/> 
    </form> 
</body>

看一看到jQuery庫（方便獲取/設置字段值）。

來源

2013-08-28 09:44:47 Kris

js不會顯示計算結果

回答

相關問題