JSFiddle - React, Tailwind, and code Playground

by Boris Šuška

HTML

<div id="main" onclick="toggleText()">
<h1>Before</h1>
</div>

JavaScript

window.toggleText = function() {
    var be= document.getElementById("main");
    var b4= be.getElementsByTagName("h1");
    var l8 = document.createElement("h1");
    l8.innerHTML="After";
    var l88 = document.createElement("h1");
    l88.innerHTML="Before";
    console.log(b4);
    if (b4[0].innerHTML == "Before")
    {
        be.replaceChild(l8, b4[0]);
    }
    else if (b4[0].innerHTML=="After")
    {
        be.replaceChild(l88, b4[0]);
    }
}