JSFiddle - React, Tailwind, and code Playground

by Lestrae

HTML

<button id='button'>Click</button>

CSS

button {
  background-color:red;
  color:white;
  font-size:18px;
  padding:15px;
  border: 1px solid white;
}

JavaScript

let colors = ['red', 'blue', 'yellow'];
let i = 0;

function changeBack() {
  i++;
  if (i == 3) i = 0;
  document.querySelector('body').style.background = colors[i];
}

document.getElementById('button').addEventListener('click', changeBack);