JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<h1 id="cissp">
  Hello! CISSP!
</h1>

CSS

#cissp {
  color: red;
  border: solid red;
  width: 10em;
  text-align: center;
  padding: 0.5em;
  background: yellow;
  cursor: pointer;
}

JavaScript

var clicks = 0;
$("#cissp").click(function() {
  if (clicks % 2 == 0) {
    $("#cissp").text("Aloha!");
  } else {
    $("#cissp").text("Hello! CISSP!");
  }
  clicks++;
});