JSFiddle - React, Tailwind, and code Playground

by mecfall2018

HTML

<html lang="en-US">
<head>
  <title>Pick One</title>


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

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

</body>
</html>

CSS

#studentNames {
    color: magenta;
}

JavaScript

var names = []
names[0] = "Casandra Vargas";
names[1] = "Amanda Bathrick";
names[2] = "Jeremy Boss";
names[3] = "Stephen Brown";
names[4] = "Richard Bruno";
names[5] = "Sheila Massey";
names[6] = "Scott Potter";
names[7] = "Ebony McCoy";
names[8] = "Corey Stapleton";
names[9] = "Patsy Spagnuolo";

  var random = myarray[Math.floor(Math.random() * myarray.length)];
   document.getElementById("message").innerHTML=random;;
}