Как изменить стиль css на более длительное время с помощью функции javascript ‘addEventlistner (‘click’)’?

#javascript #html #css

#javascript #HTML #css

Вопрос:

Я хочу, чтобы мой стиль 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();
  

Комментарии:

1. возможно, ваша страница перезагружается после отправки, проверьте это

Ответ №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>  

дайте мне знать, если вам понадобится какая-либо помощь. Спасибо