JSFiddle - React, Tailwind, and code Playground

by the94air

HTML

<button id="home">Home</button>
<button>Admission</button>
<button>Results</button>
<button>Curriculum</button>
<button>Contact us</button>

CSS

button {
  outline: none;
  border: none;
  padding: 3px 7px;
  color: #FF4A3F;
  background: #E7E7E7;
  font: 500 16pt calibri;
  transform: scale(1, 0.95);
}
.selected {
  background: #353553;
  color: white;
}

JavaScript

window.onload = function() {
	let home = document.querySelector('#home');
  home.addEventListener('click', () => {
      this.classList.toggle('selected');
  });
};