BG Changer JS events example

bg-changer-js-events-example.markdown

BG Changer JS events example

A Pen by Fahad Murtaza on CodePen.

License.

index.html

<button onclick="changeColor()">Repaint!</button>

script.js

function getRandomColor() {
  let letters = "0123456789ABCDEF";
  let color = "#";
  for (let i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}
function changeColor() {
  let newColor = getRandomColor();
  document.body.style.backgroundColor = newColor;
}

style.css

button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
  margin-top: 10%;
  font-size: 16px;
  padding: 5px;
}