JSFiddle - React, Tailwind, and code Playground

by shivaay123

HTML

<body>
  <div>
    <label for="qt">How many times to flip?</label>
    <input type="number" id="qt" min="1" value=1 />
  </div>
  <button id="flp" type="button">Flip the coin</button>
  <div id="rslt"></div>
  <script>
    let button = document.getElementById("flp");
    let result = document.getElementById("rslt");

    function fpClick(event) {
      let qty = document.getElementById("qt").value;
      let score = "";

      for (let i = 0; i < qty; i++) {
        let num = Math.random();

        if (num < 0.5) {
          score += "<p>You got Head</p>";
        } else {
          score += "<p>You got Tail</p>";
        }
      }
      result.innerHTML = score;
    }

    button.addEventListener("click", fpClick);
  </script>
</body>