Question

创建了一个JS函数以在index.js中添加两个数字

function add(number1, number2) {
var num1 = parseInt(number1);
var num2 = parstInt(number2);
var num3 = num1.num2;
return num3;
}

在Visual Studio中创建了html页面

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title></title>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.js">     
</script>
<script src="index.js"> </script>
</head>
<body>
<h1> Adding two numbers </h1>
<input id="num1" placeholder="0" />
<input id="num2" placeholder="0" />
<button id="btnAdd" type="button"> Add</button>
<input id="total" placeholder="0" readonly />
<script type="text/javascript">
   $('document').ready(function () {
           $('#btnAdd').click(function () {
               $('#total').val(add(num1, num2));
       });
    });
</script>
</body>
</html>

当我们单击“添加”按钮时，应显示总计但是这段代码什么也没发生

Answer 1

您在致电num1时没有声明num2和add。将您的代码设为：

$('document').ready(function () {
    $('#btnAdd').click(function () {
        $('#total').val(add($("#num1").val(), $("#num2").val()));
    });
});

它应该可以工作。

编辑：将您的add函数更改为此：

function add(number1, number2) {
    var num1 = parseInt(number1);
    var num2 = parseInt(number2);
    var num3 = num1 + num2;
    return num3;
}

.运算符不会将两个数字相加。

Answer 2

您的代码有一些错误：

1），您必须从inputs元素中获取值。

2）。您在parseInt()方法之一中遇到打字错误。

3）要使用.在您的位置添加号码？不应该是+运算符。

使用修复程序检查下一个示例：

$('document').ready(function()
{
    $('#btnAdd').click(function ()
    {
        var num1 = $("#num1").val();
        var num2 = $("#num2").val();
        $('#total').val(add(num1, num2));
    });
});

function add(number1, number2)
{
    var num1 = parseInt(number1);
    var num2 = parseInt(number2);
    var num3 = num1 + num2;
    return num3;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h1> Adding two numbers </h1>
<input id="num1" placeholder="0" />
<input id="num2" placeholder="0" />
<button id="btnAdd" type="button"> Add</button>
<input id="total" placeholder="0" readonly />

Answer 3

$('document').ready(function()
{
    $('#btnAdd').click(function ()
    {
        var num1 = ( $("#num1").val()==""?0:$("#num1").val());
        var num2 = ( $("#num2").val()==""?0:$("#num2").val());
        $('#total').val(add(num1, num2));
    });
});

function add(number1, number2)
{
    var num1 = parseInt(number1);
    var num2 = parseInt(number2);
    var num3 = num1 + num2;
    return num3;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h1> Adding two numbers </h1>
<input id="num1" placeholder="0" />
<input id="num2" placeholder="0" />
<button id="btnAdd" type="button"> Add</button>
<input id="total" placeholder="0" readonly />

对于您的问题，如果输入为空，则可能是例外情况

( $("#num1").val()==""?0:$("#num1").val());

jQuery使用函数返回值

3 个答案: