JSFiddle - React, Tailwind, and code Playground

by vinodlouis

HTML

<div>
    <input type="button" id="myctrl" value="click">
</div>
<div>
    <input type="button" id="test" class="clist" style="display:none">
</div>
<div>
    <input type="button" id="test" class="vPrint" style="display:none">
</div>
<div>
    <input type="button" id="test" class="vFilter" style="display:none">
</div>
<div>
    <input type="button" id="test" class="vSaveAs" style="display:none">
</div>
<div>
    <input type="button" id="test" class="vShare" style="display:none">
</div>
    <div>
    <input type="button" id="test" class="alertInfo" style="display:none">
</div>

CSS

button {
    width:200px;
    height:200px;
}

JavaScript

var s = document.getElementById("myctrl");
s.onclick = function displayIcon() {
    var a = 1;
    var i = 2;
    if (a == 1) {

       alert("a is 1");
    } else if (a === 0) {

       alert("a is 0");}

    if (i == 2) {
        alert("i is 2");
    } else if (i == 4) {
        alert("i is 4");
    }
}