JSFiddle - React, Tailwind, and code Playground

by Zsolt Simon

HTML

<!DOCTYPE html>

<body>
    <div>
        <h1>This is a Heading</h1>
        <h1 onclick="count()"><span>Click on me</span></h1> <br/>
        <p id="demo"></p>
    </div>
</body>

CSS

h1 span {
        color: yellow;
        background-color: blue;
    }

JavaScript

var i = 0;

function count() {
  if (i < 10) {
    document.getElementById("demo").innerHTML = (i * 3);
  } else {
    document.getElementById("demo").innerHTML = "nothing";
  }
  i++;
}