JSFiddle - React, Tailwind, and code Playground

by Kristy Bond

HTML

<html lang="en-US">

  <head>
    <title>Pick One</title>

  </head>

  <body>
    <h1>Array Example Assignment 1</h1>

    <div id="button">
 
    
      <button onClick="studentNames()">Pick One</button>
    </div>

    <p id="randompick"></p>

  </body>

</html>

CSS

body {
    background-color: 
    cyan;
}

h1 {
    color: White
   ;
    text-align: left;
    font-family: verdana;
    font-size: 50px;
}

p {
    font-family: verdana;
    font-size: 50px;
}

JavaScript

var names = []
names[0] = "Zachary Argabrite";
names[1] = "Amanda Bathrick";
names[2] = "Casandra Vargas";
names[3] = "Sean Hubbard";
names[4] = "Jeremy Boss";
names[5] = "Derek Augustine";
names[6] = "Scott Potter";
names[7] = "Ebony McCoy";
names[8] = "Juan Alban Franco";
names[9] = "Alan November";

function studentNames() {
  var calculatePick = Math.floor(Math.random() * (names.length));
  document.getElementById('randompick').innerHTML = names[calculatePick];
}