我正在尝试制作一个简单的计算器,但是,当我尝试将两个数字相加时,我得到“NaN”结果。
在此问题之前,函数 sumar() 返回“[object HTMLInputElement][object HTMLInputElement]”,但是在调用 dom 时添加“+”后,它返回 NaN。
HTML 文件
<body>
<form>
<div>
<label for="operador1">Ingrese un numero</label>
<input type="number" value="0" id="op1"/>
</div>
<div>
<label for="operador2">Ingrese otro numero</label>
<input type="number" value="0" id="op2"/>
</div>
</form>
<div id="resultado">0</div>
<button onclick="sumar()">Sumar</button>
<script src="./script.js"></script>
</body>
JS文件
const sumar = ()=> {
const op1 = +document.getElementById("op1");
const op2 = +document.getElementById("op2");
document.getElementById("resultado").innerHTML = op1 + op2;
}
确保您没有接收字符串值。尝试使用
parseInt(op1)+parseInt(op2)