JSFiddle - React, Tailwind, and code Playground

by borisjavier

HTML

<script>
x=false;
function Check(){
 /*   if(x){    
document.getElementById("div1").style.display='inline';
document.getElementById("div2").style.display='inline';
x=false;
    }*/
    //else{
 document.getElementById("div1").style.display='inline'; 
let link_a = (document.getElementById("check1").checked)? "-1":"";
let link_b = (document.getElementById("check2").checked)? "-2":"";
let link_c = (document.getElementById("check3").checked)? "-3":"";
let link_d = (document.getElementById("check4").checked)? "-4":"";
let link_e = (document.getElementById("check5").checked)? "-5":"";
   complete = "pack"+link_a+link_b+link_c+link_d+link_e; 
   txt = link_a+link_b+link_c+link_d+link_e; 
	document.getElementById("div1").style.display='none';
	document.getElementById("div2").innerHTML="<h3>Reserve the these days on the Arena with Pre-Sale Dicount until April the 27th:"+txt+" <a href='http://www.expo-bitcoin.com/bsv-payment/?pck="+complete+"' class='btn btn-success' role='button'>Check Pricing!</a></h3>"; 
     document.getElementById("div2").style.display='inline';   
x=true;    
    //}
    
}
</script>

<input type="checkbox" id="check1" onclick="Check()" value="1">
<input type="checkbox" id="check2" onclick="Check()" value="2">
<input type="checkbox" id="check3" onclick="Check()" value="3">
<input type="checkbox" id="check4" onclick="Check()" value="4">
<input type="checkbox" id="check5" onclick="Check()" value="5">

<div id="div1">
        <h3>Get Pre-Sale Discount for the 5 Days of the Arena until April the 27th
        <a href="http://www.expo-bitcoin.com/bsv-payment/?pck=pack-1-2-3-4-5" class="btn btn-success" role="button">Check Pricing!</a></h3>
</div>
        <div id="div2" style="display:none">
          <input type="hidden">
</div>