使用 JavaScript 的简单计算器 - 错误 [重复]

Question

我试图用 JavaScript 构建一个只有四个运算符的非常简单的计算器但是我无法理解这个错误请有更多知识的人帮助我

这是我的代码

<div class="calculator">
    <input type="number" name="num1" id="number1">
    <input type="number" name="num2" id="number2" style="margin-bottom: 25px;">

    <button id="add" style="background-color: #e70505;">+</button>
    <button id="minus" style="background-color: #069653;">-</button>
    <button id="time" style="background-color: #5e0599;">*</button>
    <button id="div" style="background-color: #ffffff; color: #000;">/</button>

    <br>
    <h1 id="result">The Answer is: </h1>
</div>

<script>
    var num1 = document.getElementById("number1");
    var num2 = document.getElementById("number2");
    var result = document.getElementById("result");


    var add = document.getElementById("add").addEventListener("click", function(){
        add = num1 + num2;
        result.innerHTML = add;
       
    });
    var minus = document.getElementById("minus").addEventListener("click", function(){
        minus = num1 - num2;
        result.innerHTML = minus;
    });
    var time = document.getElementById("time").addEventListener("click", function(){
        time = num1 * num2;
        result.innerHTML = time;
    });
    var div = document.getElementById("div").addEventListener("click", function(){
        div = num1 / num2;
        result.innerHTML = div;
    });

    
</script>

Answer 1

它应该获取对象值而不是获取 Html 对象

 document.getElementById("number1").value