JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<button id="dan">Dan</button>

CSS

button {
	width: 150px;
	height: 44px;
	font-weight: 700;
	font-size: 18px;
}

JavaScript

function toggleColor() {
  var button = document.getElementById('dan');
  var currentColor = button.style.backgroundColor;
  var newColor = (currentColor === 'red') ? 'blue' : 'red';
  button.style.backgroundColor = newColor;
}

let btn = document.getElementById("dan");

btn.addEventListener("click", ()=> {
	toggleColor();
});