Array Shuffler
HTML
<h1>Speaker Order</h1>
<button onclick="window.location.reload()">Get New Results!</button>
CSS
body {font-size:2em;font-family:sans-serif;}
button {font-size:1em;background-color:salmon;color:wheat; border:none;outline:none; transition:background-color 300ms, color 300ms; padding: 10px 20px; border-radius: 5px; margin-bottom: 20px;}
button:hover {background-color:tomato;color:teal;}
p { margin: 15px;}
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 printShuffle(i) {
var node = document.createElement("P");
var textnode = document.createTextNode(teamMates[i]);
node.appendChild(textnode);
document.body.appendChild(node);
}
var teamMates = ["Ian","Joe M.","Brett","Ben","Don","Joe G.","Tim", "Kaveh"]
teamMates = shuffle(teamMates);
for(i = 0; i < teamMates.length; i++) {
printShuffle(i)
}