Quiz with shuffle, images and sound
<p>I've recently started coding, and I'm trying to make a quiz!
The quiz is about different bands and artists.
But, with the code I got now, I am unable to <code>shuffle</code> the questions. How do I make them appear in a <code>random order</code>?
Also, instead of ending the quiz at the last question and giving you correct/incorrect answers, how can I make it so it instead it plays a sound to tell the user if correct or incorrect. Explained differently, the quiz loops with 3 questions, but they come 1 at the time in a shuffled order.</p>

<p>Another thing I'm trying to change is; how do I make it so I can have an image as a background for each individual question, example: what band is this, with cold play as background.</p>

<p>IF anything seems unclear or too broad, please ask and I'll do my best to enlighten you.</p>

<p><strong>HTML:</strong></p>

<pre><code>&lt;h2 id="test_status"&gt;&lt;/h2&gt;
&lt;h2&gt; Hvilket band er dette? &lt;/h2&gt;
&lt;div id="test"&gt;&lt;/div&gt;
</code></pre>

<p><strong>SCRIPT:</strong></p>

<pre><code>var pos = 0, test, test_status, question, choice, choices, chA, chB, chC, chD, chE, correct = 0;
var questions = [
    [ "Hvilket band er dette?", "Linkin Park", "Green Day", "Coldplay", "Billy Talent", "Hollywoodundead" ,"B" ],
    [ "Hvilket band har denne sangen?", "Linkin Park", "Green Day", "Coldplay", "Billy Talent", "Hollywoodundead" ,"A" ],
    [ "Hvilket band er dette?", "Linkin Park", "Green Day", "Coldplay", "Billy Talent", "Hollywoodundead" ,"B" ],


];
function _(x){
    return document.getElementById(x);
}    
function renderQuestion(){
    test = _("test");
    if(pos &gt;= questions.length){
        test.innerHTML = "&lt;h2&gt;Du fikk "+correct+" av "+questions.length+" spørsmål riktige&lt;/h2&gt;";
        _("test_status").innerHTML = "Quiz fullført";
        pos = 0;
        correct = 0;
        return false;
    }
    _("test_status").innerHTML = "Spørsmål "+(pos+1)+" av "+questions.length;
    question = questions[pos][0];
    chA = questions[pos][1];
    chB = questions[pos][2];
    chC = questions[pos][3];
    chD = questions[pos][4];
    chE = questions[pos][5];
    test.innerHTML = "&lt;h3&gt;"+question+"&lt;/h3&gt;";
    test.innerHTML += "&lt;input type='radio' name='choices' value='A'&gt; "+chA+"&lt;br&gt;";
    test.innerHTML += "&lt;input type='radio' name='choices' value='B'&gt; "+chB+"&lt;br&gt;";
    test.innerHTML += "&lt;input type='radio' name='choices' value='C'&gt; "+chC+"&lt;br&gt;";
    test.innerHTML += "&lt;input type='radio' name='choices' value='D'&gt; "+chD+"&lt;br&gt;";
    test.innerHTML += "&lt;input type='radio' name='choices' value='E'&gt; "+chE+"&lt;br&gt;&lt;br&gt;";
    test.innerHTML += "&lt;button onclick='checkAnswer()'&gt;Neste&lt;/button&gt;";
}
function checkAnswer(){
    choices = document.getElementsByName("choices");
    for(var i=0; i&lt;choices.length; i++){
        if(choices[i].checked){
            choice = choices[i].value;
        }
    }
    if(choice == questions[pos][5]){
        correct++;
    }
    pos++;
    renderQuestion();
}
window.addEventListener("load", renderQuestion, false);
</code></pre>

<p><strong>JSFIDDLE:</strong></p>

<p><a href="https://jsfiddle.net/cxjth78k/" rel="nofollow">https://jsfiddle.net/cxjth78k/</a></p>