JSFiddle - React, Tailwind, and code Playground

by borisjavier

HTML

<div id="div1">
    <form>
        <h2>First Div</h2>
    <input type="text" placeholder="Enter text">
    <input type="submit" value="Submit Div1">
    </form>
</div>
        <div id="div2" style="display:none">
    <form>
        <h2>Second Div</h2>
    <input type="text" placeholder="Enter text">
    <input type="submit" value="Submit Div2">
    </form>
</div>
<br>Quiero hacerlo usando <strong>Bitcoin<small><sup>SV</sup></small></strong> <input type="checkbox" id="check" onclick="Check()">
 <script>
x=false;
function Check(){
    if(x){    
document.getElementById("div1").style.display='inline';
document.getElementById("div2").style.display='none';
x=false;
    }
    else{
 document.getElementById("div1").style.display='none'; 
     document.getElementById("div2").style.display='inline';   
x=true;    
    }
    
}
</script>