Array Example

One button that displays a random student name from an array

by scotp71

HTML

<h2>
Data Structures Assingment 1
</h2>

<input type='button' 
id='randomButton' 
value='Pick One'
onclick='studentName()'/>
<p id = 'names'>
</p>

CSS

h2{
  text-align: center;
  color: green;
}

p {
  text-align: center;
  color: red;
}

input {
  background: #D0CDD6;
  display: block;
  margin: auto;
  
}
#randomButton {
  width: 300px;
  padding: 10px;
  text-align: center;
  color: blue;
}

JavaScript

var students = ['Victor', 'Joseph', 'Miguel', 'Jason', 'Casandra', 'Mark', 'Jonathan', 'Robert', 'James', 'Henry'];

function studentName() {
	var pick = Math.floor(Math.random() * (students.length));
  document.getElementById("names").innerHTML = students[pick];
}