Javascript 使用reset（）方法的表单重置按钮不起作用

所以我这里有点问题。我试图做一些理论上应该很简单的事情，但由于某种原因，它就是不起作用

我试图获得一个Javascript函数，以便在单击某个按钮时重置HTML表单

以下是表单HTML代码：

                <form id="main-form">
                    
                    <label for="amount">Amount</label>
                    <input type="number" min="0.00" step="0.01" id="amount" name="amount" placeholder="Enter the amount"><br>
                    <label for="from-currency">From</label>
                    <select id="from-currency" name="from-currency">
                        <option disabled selected value>Select a currency</option>
                        <option value="usd">American Dollar (USD)</option>
                        <option value="cad">Canadian Dollar (CAD)</option>
                        <option value="eur">Euro (EUR)</option>
                        <option value="gbp">Pound Sterling (GBP)</option>
                    </select><br>
                    <label for="to-currency">To</label>
                    <select id="to-currency" name="to-currency">
                        <option disabled selected value>Select a currency</option>
                        <option value="usd">American Dollar (USD)</option>
                        <option value="cad">Canadian Dollar (CAD)</option>
                        <option value="eur">Euro (EUR)</option>
                        <option value="gpb">Pound Sterling (GBP)</option>
                    </select><br>
                    <button class="convert-button" type="button" onclick="convert();">Convert</button>
                
                </form>

这里有我遗漏的东西吗？因为老实说，我在代码中看不到任何错误…

将clear（）函数重命名为另一个名称。例如：

function clearForm() {
    document.getElementById("main-form").reset()
}

并更改按钮调用的功能：

<button class="clear-button" type="button" onclick="clearForm();">Reset</button>

重置

---

我重现了您的问题，此解决方案解决了问题。

我尝试运行您的代码，重置按钮正常工作。可能问题是，

onclick=“clear（）；”

找不到

清除功能？按钮不能是
type=“reset”
@基拉特，我是说。。。我没有提供CSS代码，因此可能存在错误。可能是因为某些原因，无法单击“清除”按钮。我可能对这个问题研究得太深了。@Roy它仍然不能使用type=“reset”，所以它肯定是CSS。是的，就是这样。谢谢
function clearForm() {
    document.getElementById("main-form").reset()
}

<button class="clear-button" type="button" onclick="clearForm();">Reset</button>