JSFiddle - React, Tailwind, and code Playground

by Alex Jolig

HTML

<!DOCTYPE html>
<body>
<button onclick="changeText(this)">Hit Me!</button><br>
<button onclick="changeText(this)">Hit Me!</button><br>
<button onclick="changeText(this)">Hit Me!</button><br>
<button onclick="changeText(this)">Hit Me!</button><br>
<button onclick="changeText(this)">Hit Me!</button><br>
</body>

CSS

button {
  font-size:20px;
  color:#0C6C89;
}

JavaScript

function changeText(id) {
    id.innerHTML = "Ouch!";
    id.style.color="red";
    id.onclick = function(this) { id.innerHTML = "Again!";
    id.style.color=#FF0000; }
}

function again(id) {
    id.innerHTML = "Again!";
    id.style.color=#FF0000;
}