onmouseclick function javascript/html

Question

我正在尝试为按钮实现一个事件处理程序，以更改元素的内容我把它作为一种测试，以确保事情正常进行。然而，我假设一旦刷新页面，元素">生成的膳食"；如果会再次出现，它不会。我该如何获得我的"；默认"；刷新时要重新显示的文本？

const button=document.getElementById("generateButton");
const textField= document.getElementById("generatedMeal");
function changeText(){
textField.innerHTML="hello";
}
button.onmouseclick=changeText();

Answer 1

这应该可以完成

const button=document.getElementById("generateButton");
const textField= document.getElementById("generatedMeal");
function changeText(){
textField.innerHTML="hello";
}
document.getElementById('generateButton').addEventListener('click', changeText)

如果你发布你的html代码，我可能会告诉你为什么它不起作用。干杯