0

我昨天才开始使用 HTML，我正在尝试做一个非常基本的记忆游戏。首先，有一个所有片段的图像，然后是一个按钮，该按钮调用一个隐藏该图像并让另一个图像出现的函数。第二张图片是一个空白页，其中包含前一张图片的部分所在的空间。此外，还有一个 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>
4

0 回答 0