Randomizer

by Kingdaro

HTML

<div>
    <textarea placeholder="Enter items here" id="input"></textarea><br/>
    <button id="randomizer">Randomize!</button>
</div>
<div>
    <p>Result:</p>
    <ol id='output'></ol>
</div>

CSS

body {
    font: 10pt Verdana;
}

#input {
    width: 300px;
    height: 200px;
}

JavaScript

//+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/array/shuffle [v1.0]
function shuffle(o){ //v1.0
    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;
};

function load(){
    var input = document.getElementById("input")
    var randomizer = document.getElementById("randomizer")
    var output = document.getElementById("output")
    
    randomizer.addEventListener("click", function() {
        var lines = input.value.split('\n')
        var newLines = shuffle(lines)
        output.innerHTML = ""
        newLines.forEach(function(line) {
            var li = document.createElement("li")
            li.innerHTML = line
            output.appendChild(li)
        })
    })
}

load()