Random Box Generate

by pphheerroonn

HTML

<div class="randbox" id="rand1">
ONE
</div>
  
<div class="randbox" id="rand2">
TWO
</div>
  
<div class="randbox" id="rand3">
THREE
</div>
<div class="randbox" id="rand4">
FOUR
</div>


<script type="text/javascript" language="JavaScript">
  window.onload = function() {
  var rand = document.querySelectorAll(".randbox");
  var count = rand.length;

  randomNumber = Math.floor(Math.random()*count+1);

  var loadDiv = "rand"+randomNumber;
  document.getElementById("rand1").style.display = "none";
  document.getElementById(loadDiv).style.display = "block";
  }
//--></script>

CSS

/*STYLING ONLY*/
.randbox:firdst-child{

  display: block;

}
.randbox{
  width: 50px;
  height: 50px;
  background: #fafafa;
  display: none;
  margin: 10px;
}

/* END STYLING ONLY*/