所以我想要实现的是一个包含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");
}
}
感谢任何形式的帮助