Fatal编程技术网
  • javascript/
  • Javascript js不会显示计算结果

Javascript js不会显示计算结果

javascript

Javascript js不会显示计算结果,javascript,Javascript,快速的新手问题，我相信这对你来说很简单，但我不能让我的头去弄清楚为什么我的代码不能工作。在线检查，似乎我做的一切都很好，但仍然无法工作。。。我所要做的就是做一个简单的计算，并在diff字段中显示它。我试过外部和内部JS。 这是我的密码： <script type="text/javascript"> function calculate(){ var a = document.calculate.first.value; var b = document.ca

快速的新手问题，我相信这对你来说很简单，但我不能让我的头去弄清楚为什么我的代码不能工作。在线检查，似乎我做的一切都很好，但仍然无法工作。。。我所要做的就是做一个简单的计算，并在diff字段中显示它。我试过外部和内部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>


函数计算（）{
var a=document.calculate.first.value；
var b=document.calculate.second.value；
var c=parseInt（a）+parseInt（b）；
document.calculate.result.value=c；
}
Chrome说：

Uncaught TypeError: object is not a function (onclick)
为表单和onclick处理程序指定不同的名称！是一种测试。

Chrome说：

Uncaught TypeError: object is not a function (onclick)
为表单和onclick处理程序指定不同的名称！这是一个测试。

以下是更正的代码：

<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>


函数计算（）{
var a=document.getElementById（'first'）。值；
var b=document.getElementById（'second'）。值；
var c=parseInt（a）+parseInt（b）；
document.getElementById（'result'）。value=c；
}
以下是更正的代码：

<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>


函数计算（）{
var a=document.getElementById（'first'）。值；
var b=document.getElementById（'second'）。值；
var c=parseInt（a）+parseInt（b）；
document.getElementById（'result'）。value=c；
}
这可能是因为表单的名称与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>


函数计算（）{
警报（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；
}
查看JQuery库（便于获取/设置字段值）。

这可能是因为表单和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>


函数计算（）{
警报（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；
}
查看JQuery库（便于获取/设置字段值）。

我们可以承认，在这种情况下，执行'calcultate（）'kol并不需要“表单”，如何让chrome检查js文件？@MrPaulius我将代码复制到JSFIDLE中，用F12打开控制台，然后按下Run按钮。Chrome将错误消息写入控制台。我们可以承认，在这种情况下，执行'calcultate（）'kol并不需要“表单”，你如何让Chrome检查你的js文件？@Mrbaulius我将你的代码复制到JSFIDLE中，用F12打开控制台，然后按下Run按钮。Chrome将错误消息写入控制台。