onmouseclick函数javascript/html

Question

我正在尝试为一个按钮实现一个事件处理程序，以更改元素的内容，而我将其作为一种测试来确保操作正常，而且它们确实有效。但是，我假设，一旦刷新了页面，元素"generatedMeal“的原始内容就会重新出现，而不会出现。如何使我的“默认”文本在刷新时重新出现？

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代码，我可能可以告诉你为什么它不工作。干杯