javascript - onmouseclick 函数 javascript/html

Question

我正在尝试为按钮实现一个事件处理程序以更改元素的内容，我将其作为一种测试来确保事情正常工作，并且他们确实做到了。但是，我假设一旦刷新页面，元素“ generateMeal ”的原始内容就会重新出现，但事实并非如此。如何让我的“默认”文本在刷新后重新出现？

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 代码，我可能会告诉您为什么它不起作用。干杯