javascript - JS 基本ランダム画像選択

Question

昨日HTMLを始めたばかりで、本当に基本的な記憶ゲームをやろうとしています. まず、すべてのピースの画像があり、次に、その画像を非表示にして別の画像を表示する関数を呼び出すボタンがあります。この 2 番目の画像は、前の画像の一部があった空白のページです。また、usemap と、プレイヤーが正しくクリックしたかどうかを返す関数もあります。私の問題は、画像のランダムな部分を選択する関数 (およびその呼び出し方法) を考え出すことです。

function checkAnswer(a) {
if (a=='6') {
    alert('Correct!')
    }
else {
    alert('Wrong!')
    }
}

「a」は乱数で、選択した画像のインデックスに従う必要があります。

これは私が見つけたものですが、使用できませんでした：

<!-- Attempt of random

function random_imglink() {
var cobras=new Array()
cobras[1]="<img src ="..\images\Cobra1.jpg">"
cobras[2]="..\images\Cobra2.jpg"
cobras[3]="..\images\cobra3.jpg"
cobras[4]="..\images\cobra4.jpg"
cobras[5]="..\images\cobra5.jpg"
cobras[6]="..\images\cobra6.jpg"
cobras[7]="..\images\cobra7.jpg"
cobras[8]="..\images\cobra8.jpg"
cobras[9]="..\images\cobra9.jpg"
cobras[10]="..\images\cobra10.jpg"
cobras[11]="..\images\cobra11.jpg"
cobras[12]="..\images\cobra12.jpg"
cobras[13]="..\images\cobra13.jpg"
cobras[14]="..\images\cobra14.jpg"
cobras[15]="..\images\cobra15.jpg"
var ry=Math.floor(Math.random()*cobras.length)
if (ry=='0') {
    ry = '1'
    }
document.write('<img src="'+myimages[ry]+'" border=0>')
}

-->

<!-- Attempt of random
<script>

var imgArray = new Array();

imgArray[0] = new Image();
imgArray[0].src = '..\images\Cobra1.jpg';

imgArray[1] = new Image();
imgArray[1].src = '..\images\Cobra2.jpg';

imgArray[2] = new Image();
imgArray[2].src = '..\images\cobra3.jpg';


function nextImage(element)
{
    var img = document.getElementById(element);

    for(var i = 0; i < imgArray.length;i++)
    {
        if(imgArray[i].src == img.src)
        {
            if(i === imgArray.length){
                document.getElementById(element).src = imgArray[0].src;
                break;
            }
            document.getElementById(element).src = imgArray[i+1].src;
            break;
        }
    }
}

</script>