JSFiddle - React, Tailwind, and code Playground

by hsn0

HTML

<button onClick="displayValue();" id="surprise">SURPRISE!</button>
<button onClick="resetAll();">RESET!</button>
<div id="answers"></div>

JavaScript

var data = ["M-3100","M-7333","M-0123","M-9087","M-2758","M-1267","M-3234","M-3198","M-3188","M-3170","M-3106"];
var div = document.getElementById('answers');
var current = 0;
//http://jsfromhell.com/array/shuffle
function shuffle(o){ 
    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
    return o;
};
shuffle(data);
function displayValue()
{
    if(current == data.length)
    {
        document.getElementById('surprise').disabled = true;
        return; 
    }
    div.innerHTML = div.innerHTML + data[current] + "<br>";
    current++;
}
function resetAll()
{
    current = 0;
    shuffle(data);
    div.innerHTML = '';
    document.getElementById('surprise').disabled = false;
}