javascript - 如何使用 javascript 'addEventlistner(' click')' 函数长时间更改 css 样式？

Question

我希望我的 css 样式在单击提交按钮后会发生变化，但不会发生变化。当我仅在那个时间点单击按钮时，在单击效果消失后可以看到效果整个 css 再次更改我希望即使在单击效果消失后我的 css 样式仍将保留在那里

const btn = document.getElementById("clickbtn");
let value = false;

function addClass() {
    btn.addEventListener("click", function() {
        document.getElementById("registered").style.display = "block";
    });
}

function main() {
    addClass();
}

main();

Answer 1

嗯，我想你想要一个按钮和 onclick 事件，按钮的样式应该改变，所以我稍微修改了你的代码。我希望它对你有用。

const btn = document.getElementById("clickbtn");
let value = false;
btn.addEventListener("click", function() {
btn.style.backgroundColor = "red";
});

button {
  background-color: yellow;
}

<button id="clickbtn">
Button
</button>

如果您需要任何帮助，请告诉我。谢谢