在表单标记中调用时Javascript函数不工作

这是我的HTML

<form> 
    <p>
        Enter the total stock value: <input id="total" type="number"onkeyup="calculate()">
    </p>
    <p>
        Enter the agreed commision rate:<input id="commision" type="number"> 
    </p>
    <p>
        <input id="calculate" type="number" readonly="readonly" placeholder="Result">
    </p> 
</form>

现在，如果我的表单没有包装在表单标记中，那么我的计算函数工作得很好，但是当它在表单标记中时，我会在控制台中得到一个错误，说“UncaughtTypeError:Calculate不是一个函数”。 我尝试不使用form标记，但是reset（）函数不起作用

---

有人知道如何解决这个问题吗？

这是因为您有一个id为calculate的元素，元素的id被复制为表单对象的属性（也复制到窗口属性），因此在您的情况下，

calculate

在覆盖函数的表单范围内使用时引用dom元素

<input id="txtcalculate" type="number" readonly="readonly" placeholder="Result">

<input id="txtcalculate" type="number" readonly="readonly" placeholder="Result">