JS数组+图像

时间:2017-04-29 18:13:04

标签: javascript html arrays

所以我想要实现的是一个包含x图像的数组,一旦点击按钮就会随机选择其中一个图像,然后将其放入id为' image-placeholder'的div中。最重要的是,我想添加一个if语句,以便相应地检查数组中图像源位置/图像索引的答案输入(例如答案:C / c仅在以下情况下有效)数组中给定图像的源图像等于one.jpg)

到目前为止我所获得的是以下代码,遗憾的是,我无法弄清楚如何形成一个if条件,其中包括检查带有答案的图像源代码。

    //function creating images
    var createImage = function(src, title) {
        title = title.replace(/"/g, """);
        return '<img src="' + src + '" title="' + title + '" alt="' + title + '" />';
    }

    //array with images within
    var newArray = [];
    newArray.push(createImage("foo.jpg", "foo title"));
    newArray.push(createImage("doo.jpg", "doo title"));

    //function choosing random array picture
    function click() {
        var rand = newArray[Math.floor(Math.random() * newArray.length)];
        document.getElementById("image-placeholder").innerHTML = rand;
    }

    //function checking whenever answer matches the image source
    function check() {
        var answer = document.getElementById("answer").value;
        img = newArray[0];

        if (img == "<img src='foo.jpg' title='foo title' alt='foo title'/>" && answer == "C" || answer == "c") {
            window.alert("thats a good answer");
        } else {
            window.alert("that's a bad answer");
        }
    }

感谢任何形式的帮助

0 个答案:

没有答案