如何创建按下重启按钮时调用的onclick函数

Question

我对编程很陌生，迫切需要帮助。

我正在尝试编写一个功能，该功能将在按下已经重置的按钮时执行重置功能。我有一个粗略的骨架代码但是我正在努力在我的函数中写入什么来允许它在物理上清除消息字段以及随之而生成的任何临时变量。

以下是我的代码

onclick="restartButtonClicked()"
function restartButtonClicked() {

document.getElementById("MessageField")  = ""

morseCode = [];
colours = [];
output = '';
message = '';
message.innerHTML = ''; 
}

document.getElementById("restartButton").onclick = restartButtonClicked;

我很抱歉我缺乏细节，但我确实很失落。

感谢您的时间。

Answer 1

如果messageField是您的html代码的ID，则会重置您的字段：

document.getElementById("messageField").innerHTML = "";

您可以使用以下两项为您的按钮添加事件处理程序：

<button onclick="restartButtonClicked()" id="restartButton">restart</button>

和

document.getElementById("restartButton").addEventListener("click", restartButtonClicked);