{{ block title }}
    Memory Task
{{ endblock }}
{{ block content }}
When you click on the button below, the computer will read a set of 10 words. You should try to remember as many as you
can. The list is purposely made long, so it will be difficult for anyone to remember all the words. Most people
remember just a few.<p>
</p>
<b>Please listen carefully to the set of words as they can only be listened to once.</b> On the following page, you will
be asked to enter as many of the words as you can, in any order.


<p>
</p>
<audio id="myAudio">
  <source src="https://audio.jukehost.co.uk/ixbc8J9GIDVRGQNgBE3m1O5mrJbzfnkx">
  Your browser does not support the audio element.
</audio>

<button onclick="playAudio(); setTimeout(popUp, 27000)" type="button">Play Audio</button>

<p>
</p>

    <div id="note">
        You need to listen to the complete audio before you can proceed.
    </div>
    <button id="btn-next" disabled class="btn btn-primary">Next</button>


<script>
    const audio = document.getElementById("myAudio");
    audio.volume = 1
    let played = false;

    audio.onended = function() {
        document.getElementById("btn-next").disabled = false;
        document.getElementById("note").style.display = "none";
    };

    function playAudio() {
        if (!played) {
            audio.play();
            played = true;
        }

}
</script>
{{ endblock }}