为什么我在这里得到“NaN”?

问题描述 投票:0回答:1

我正在尝试制作一个简单的计算器,但是,当我尝试将两个数字相加时,我得到“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;
}

javascript html dom
1个回答
0
投票

确保您没有接收字符串值。尝试使用

  parseInt(op1)+parseInt(op2)
© www.soinside.com 2019 - 2024. All rights reserved.