非破壊わっふる

by ethertank

HTML

<div id="origin"></div>

<button id="b">わっふる</button>

<div id="result"></div>

CSS

button { margin: 20px 0; }

JavaScript

window.onload = function() {

    //配列
    var myArray = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "(・&forall;・)"];

    //テスト用
    var b = document.getElementById("b");
    var origin = document.getElementById("origin");
    var result = document.getElementById("result");
    origin.innerHTML = myArray;

    //シャッフル関数本体
    var shuffle = function(a) {
        var c = a.slice(0),
            r = [];
        for (i = 0; i < a.length; i++) {
            target = Math.floor(Math.random() * c.length);
            r.push(c.splice(target, 1));
        }
        return r;
    };

    //テスト
    b.onclick = function() {
        var Shuffled = shuffle(myArray);
        origin.innerHTML = myArray;
        result.innerHTML = Shuffled;
    };

};