Javascript，在确认窗口中按 OK 后清除表格。但如果取消确认，则保留表单数据

Question

为作业编写程序，但在我的书中没有任何地方对这种情况有帮助。

在用户输入饮料订单信息后，他们点击了一个“订单”按钮，该按钮调用一个函数，该函数计算并显示一个包含所需信息的确认窗口

如果用户在确认消息中单击“确定”，则应显示一条警报消息，通知用户已下订单并应清除表单，需要一个功能

如果用户在确认消息中单击“取消”，则应显示一条警报消息，通知用户订单已取消。表单仍应包含用户输入的所有值。

我的问题是，当在确认窗口中选择“确定”时，我不知道重置表单需要什么。但如果选择了“取消”，则仍输入值。

这是目前的代码

Javascript（只输入确认部分）

                   if (window.confirm("Fruit: " + document.drinkList.numFruit.value + ", Total: $" + totalFruit + ".00 \n"
                     + "Water: " + document.drinkList.numWater.value + ", Total: $" + totalWater + ".00 \n"
                     + "Coffee: " + document.drinkList.numCoffee.value + ", Total: $" + totalCoffee + ".00 \n"
                     + "Coke: " + document.drinkList.numCoke.value + ", Total: $" + totalCoke + ".00 \n"
                     + "Tea: " + document.drinkList.numTea.value + ", Total: $" + totalTea + ".00 \n"
                     + "Ice: " + document.drinkList.numIce.value + "\n"
                     + "Cream: " + document.drinkList.numCream.value + "\n"
                     + "Sugar: " + document.drinkList.numSugar.value + "\n"
                     + "Pinneapple Juice: " + document.drinkList.numPinn.value + "\n"
                     + "Lemon Juice: " + document.drinkList.numLemon.value + "\n\n"
                     + "Overall Total: " + (totalCoffee + totalCoke + totalFruit + totalTea + totalWater) + ".00 \n\n"
                     + "Confirm order?"))
            window.alert("The order was submitted!");

        else
            window.alert("The order was cancelled!");

HTML

        <button type="button"value="Order" onclick="calcAll()">

Answer 1

正如 cmets 中所指出的，您可以使用纯 javascript 并执行以下操作：

document.getElementById("form").reset();