CodePen Embed - Toggle Background Color

<head></head>

<body class="standard">
  
  <button>Toggle Background Color</button>
  
</body>

.standard {
  background-color:#eee;
}

.toggle {
  background-color:#4d4d4d;
}

var button = document.querySelector("button");
var background = document.querySelector("body");

button.addEventListener("click", changeBackgroundColor);

function changeBackgroundColor() {
  background.classList.toggle("toggle");
}

This Pen is owned by Nicholas Coughlin on CodePen.

See more by @nicholascoughlin on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.