JSFiddle - React, Tailwind, and code Playground

by cs09g

HTML

<!DOCTYPE html>
<html>

  <head>
    <title>Page Title</title>
  </head>

  <body>


    <p id="demo"></p>

    <script>
      var demo = document.querySelector("#demo");

      function Cmajor() {
        let getrandomnumber = function(start, range) {

          let getrandom = Math.floor((Math.random() * range) + start);
          while (getrandom > range) {

            getrandom = Math.floor((Math.random() * range) + start);
          }
          return getrandom;
        }
        var work = (getrandomnumber(1, 7));
        if (work == 1) {
          demo.innerHTML = "Cmajor";
        } else if (work == 2) {
          demo.innerHTML = "Dminor";
        } else if (work == 3) {
          demo.innerHTML = "Eminor";
        } else if (work == 4) {
          demo.innerHTML = "Fmajor";
        } else if (work == 5) {
          demo.innerHTML = "Gmajor";
        } else if (work == 6) {
          demo.innerHTML = "Aminor";
        } else {
          demo.innerHTML = "Bdiminished";
        }


      }

    </script>
    <button onclick="Cmajor()">Click me</button>
    <script>
      event.preventDefault();

    </script>



  </body>



</html>