JSFiddle - React, Tailwind, and code Playground

by OjisanSeiuchi

HTML

<div id="fieldA">
  {{fieldA}}
</div>
<div id="fieldB">
    {{fieldB}}
</div>

JavaScript

function randomNumber(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

divA = document.querySelector('#fieldA');
divB = document.querySelector('#fieldB');
if (randomNumber(1, 100) < 50) {
  divA.style.display = "none";
  divB.style.display = "block";
} else {
  divA.style.display = "block";
  divB.style.display = "none";
}