JSFiddle - React, Tailwind, and code Playground

by alexflav23

HTML

<div id="test">I'm here</div>

<button id="click"> Click me</button>

CSS

#test {
    position: relative;
    visibility: visible;
    width: 200px;
    height: 50px;
    background:#000;
}

JavaScript

function toggle(id) {
     var target = document.getElementById(id),
        v = target.style.visibility;
     if (v.length === 0 || v.localeCompare("visibile") === 0) {
         target.style.visibility = "hidden";
     } else {
         target.style.visibility = "visible";
     };
     document.body.innerHTML += target.style.visibility + "<br />"; 
 };


var button = document.getElementById("click");
button.onclick = function(event) {
    console.log("clicked");
    toggle("test");
};