Почему classList.toggle не работает?

При нажатии на кнопке должен убираться класс и добавляться, меняя цвет кнопки, чего не происходит.. Подскажите пожалуйста, в чем проблема ?

const btnqqq = document.querySelector("#qqq");

btnqqq.classList.add("www");

btnqqq.addEventListener("click", (e) => {
  btnqqq.classList.toggle(".www");
});
#qqq {
  width: 100px;
  height: 40px;
}
.www {
  background: #ffd500;
}
 <button id="qqq">fdfd</button>


Ответы (1 шт):

Автор решения: Илья Мельник

const btnqqq = document.querySelector("#qqq");
btnqqq.classList.add("www");

btnqqq.addEventListener("click", (e) => {
  btnqqq.classList.toggle("w");
});
#qqq {
  width: 100px;
  height: 40px;
}
.www {
  background: #ffd500;
}

.w {
  background: blueviolet;
}
 <button id="qqq">fdfd</button>

→ Ссылка