Lunchtime Randomizer

by andyjh07

HTML

<h2 id="lunchtimes">No lunches yet...</h2>

<button id="runner">Randomize</button>

JavaScript

function shuffle(array) {
  var currentIndex = array.length, temporaryValue, randomIndex;

  // While there remain elements to shuffle...
  while (0 !== currentIndex) {

    // Pick a remaining element...
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    // And swap it with the current element.
    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}

function runLunch(){
  var lunchtimes 	= ['12:30', '13:00', '13:30'];
  var staff				= ['Andy', 'Mike', 'Pete'];

  var staffShuffle = shuffle(staff);

  var earlyLunch	= lunchtimes[0] + ' ' + staffShuffle[0];
  var middleLunch	= lunchtimes[1] + ' ' + staffShuffle[1];
  var lateLunch		= lunchtimes[2] + ' ' + staffShuffle[2];

  document.getElementById("lunchtimes").innerHTML = earlyLunch + ', ' + middleLunch + ' & ' + lateLunch;
}

document.getElementById("runner").addEventListener("click", runLunch);