JSFiddle - React, Tailwind, and code Playground

by Romanouski_Tucke_9

HTML

<!DocTypeHtml>
<html>

  <head>
    <title>HTML With JAVAScript</title>
  </head>

  <body>
    <div id="a1">
      <h1 id="a2">Doing HTML WITH JAVASCRIPT (Buttons)</h1>
      <button id="B2" onclick="loop()">Click Here</button>
    </div>
  </body>
  <script>
    function loop(value) {
      var first_names = ['Jordan', 'Jayden', 'Luke', ' "And Made By Tuc."']
      var i = 0;
      for (i = 0; first_names.length > i; i++) {
        alert("iteration ==" + first_names[i]);
      }
    }

  </script>

</html>

CSS

#a1 {
  background-color: mediumblue;
  color: turquoise;
  width: 460px;
  height: 100%;
  text-align: center;
  border: inset midnightblue thick;
}

#a1:hover {
  color: aquamarine;
  /*background-color: darkblue;*/
}

#B2 {
  background-color: firebrick;
  color: snow;
  border: inset darkred thick;
  cursor: pointer;
}

#B2:hover {
  color: white;
  background-color: red;
  border: inset firebrick thick;
}