JSFiddle - React, Tailwind, and code Playground

by Zsolt Simon

HTML

<!DOCTYPE html>

    <title>Page Title</title>
    <script src="script.js"></script>
<style>
    h1 span {
        color: yellow;
        background-color: blue;
    }
</style>

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

JavaScript

function szamol() {
    var i = 0;
    if (i < 10) {
        document.getElementById("demo").innerHTML = (i * 3);

    } else { document.getElementById("demo").innerHTML = "nothing"; }
    i++;
}