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不会显示计算结果

回答

相关问题