Changing div classes with Js

Tags: , ,

I’m trying to change classes of div with onclick, but there seems to be something wrong with my code because it doesn’t work.

function changeColorsDay() {
  document.getElementById("wrap").classList.toggle("Day", true);
* {
  margin: 0;

#wrap {
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
  font: italic bold 15px arial, sans-serif;
  background-color: rgb(0, 14, 51);
  overflow-y: scroll;
  background-size: cover;

wrap.Day {
  background-color: rgb(240, 230, 232);
<div id="nav">
  <a href="#" class="Button">Home Page</a>
  <a type="button" class="Button" onclick="changeColorsDay()">Change</a>

What can I do to make it work?


i believe you missed the ‘#’ in your css

    background-color: rgb(240, 230, 232);

Source: stackoverflow