function add(number1, number2) {
var num1 = parseInt(number1);
var num2 = parstInt(number2);
var num3 = num1.num2;
return num3;
}
<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>
当我们点击“添加”按钮时，应显示总数但此代码没有任何反应
您的代码有一些错误：
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 />当你打电话给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;
}
.运算符不会添加两个数字。
$('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());