как изменить темную тему на светлую после повторного щелчка

Question

я сделал кнопку, которая, когда вы нажимаете на нее, веб-страница переключается на темную тему, но когда я повторно нажимаю на нее, она остается черной, я хочу, чтобы она вернулась к настройкам по умолчанию (белым), как цикл

      const myBtn = document.getElementById("darktheme");
const body = document.body;
const welcome = document.getElementById("txtt")

myBtn.addEventListener("click", function(){
    body.style.backgroundColor = "rgb(17, 17, 17)";
    body.style.color = "white";
    welcome.style.color = "white";
    
}) 

может кто-нибудь помочь?

Answer 1

Не манипулируйте стилями вручную. Просто переключите класс наbodyи напишите соответствующие стили для этого класса:

Answer 2

Просто воспользуйтесьtoggleclassList, а затем используйте CSS, чтобы добавить свои стили.

Answer 3

На основе вашего кода: