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

Question

Writing a program for an assignment and no where in my book does it help with this case.

After the user enters in information for a drink order form, they hit a button that reads "Order", the button calls a function that calculates and displays a confirm window with required info

If the user clicks “ok” in the confirm message, an alert message should be displayed notifying the user that the order was placed and the form should be cleared, a function is needed

If the user clicks “cancel” in the confirm message, an alert message should be displayed notifying the user that the order was cancelled. The form should still contain all of the values that the user entered.

My issue is that I don't know what is needed to have the form reset when "OK" is selected in the confirm window. But if "Cancel" is selected, the values remain entered.

Here's what the code is so far

Javascript (Only entering confirm portion)

                   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

正如评论中指出的那样，您可以使用纯JavaScript并执行以下操作：

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