Javascript:简单的加法程序不起作用

标签 javascript html

我正在尝试创建一个程序,在单击按钮时将两个数字相加。

但是,它不起作用,我完全搞不懂哪里出了问题。在此程序中,用户应该输入 2 个数字,程序会在点击时为用户提供总和。

代码如下:

<html>

    <body>
        <p>For adding two numbers</p>

        <button onclick="myFunction()">Calculate</button>
        <br/>
        <input type="text" placeholder="1st number" id="1st" name="txt1">
        <br/>+
        <br/>
        <input type="text" placeholder="2nd number" id="2nd" name="txt2">

        <p id="demo"></p>

        <script>
        function myFunction() {
            var a = document.getElementById("1st").value;
            var b = document.getElementById("2nd").value;
            var c = number(a) + number(b);

            document.getElementById("demo").innerHTML = c;
        }
        </script>
    </body>

</html>

最佳答案

number 中的n 必须大写。 number 应该是 Number

Demo

function myFunction() {
  var a = document.getElementById("1st").value;
  var b = document.getElementById("2nd").value;
  var c = Number(a) + Number(b);

  document.getElementById("demo").innerHTML = c;
}
<button onclick="myFunction()">Calculate</button>
<br/>
<input type="text" placeholder="1st number" id="1st" name="txt1">
<br/>+
<br/>
<input type="text" placeholder="2nd number" id="2nd" name="txt2">
<p id="demo"></p>

关于Javascript:简单的加法程序不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32562260/

相关文章:

javascript - 在 Javascript 中引用变量的正确方法

javascript - Axios.put 放在 Axios.get 里面

javascript - 除了绑定(bind)之外,任何其他解决方案都可以解决 promise 中的上下文问题

javascript - 如何将我的 td 与等宽对齐?

javascript - 如何将 JQuery UI 导入到 Angular 8 项目

html - Angular 4 : Master page with side bar concept

html - 在固定高度/可变宽度容器内居中可变宽度/高度图像

html - 错误消息跨度中的 css 间距

CSS 中网站的 ASP.NET 根文件夹

javascript - React : Changing State in functional component also Change functional component's props value, 及其父类状态