Question

以下是我编写的一些示例代码，因为我有一个更难的工作，但是现在，我甚至无法让它工作。只是试图显示将两个数字相加的输出，我错过了什么？

<!DOCTYPE html>
<html>
<head>
    <title>Sample</title>
    <script type="text/javascript">
        function Add() {
            var n1 = document.getElementById("numOne").value;
            var n2 = document.getElementById("numTwo").value;
            var total = n1 + n2;

            document.getElementById("output").innerHTML = total;
        }
    </script>
</head>
<body>
    <h1>Calc</h1><br />
    <form method="post" action="">
        NUM 1: <input type="number" name="numOne" id="numOne" /><br />

        NUM 2: <input type="number" name="numTwo" id="numTwo" /><br />

        <input type="button" value="Add" onclick="ADD()" /><br />

        Result: <label id="output"></label>
    </form>
</body>
</html>

Answer 1

引用时需要匹配函数名称的大小写。 ADD()应为Add()。有关错误消息，请咨询开发人员控制台。

另外，如果你想将这两个数字相加，你需要先从字符串中转换它们，这样就不会进行连接。

    function Add() {
        var n1 = document.getElementById("numOne").value;
        var n2 = document.getElementById("numTwo").value;
        var total = parseInt(n1, 10) + parseInt(n2, 10);

        document.getElementById("output").innerHTML = total;
    }

我在parseInt()使用基数10将数字字符串转换为数字。

Answer 2

ADD() =＆gt;更改为Add()（Javascript区分大小写）

Number()函数将字符串转换为数字。完美运作，运行它，看看。（如果你不这样做，而你的输入是5和6，那么你的输出将是56（字符串连接）而不是{{1} }）

＆＃13;

Answer 3

函数名称区分大小写，您需要更改它：

  cmd: ng build --base-href="//kp-app1/" --deploy-url="//kp-app1/"
  output: <base href="//kp-app1/">
          <script type="text/javascript" src="//kp-app1/inline.bundle.js"></script> ...

对此：

<input type="button" value="Add" onclick="ADD()" /><br />

为什么这个javascript代码没有输出？我错过了什么？

3 个答案: