Javascript 修改一个简单的jquery游戏

我正在尝试修改这个游戏，现在它在随机位置显示9个图像，用户必须点击它们，当点击达到10次时，游戏结束。我只想显示一个图像。我将分享原始函数和我修改过的函数

原创的

function createImages(){
    var myarray= ["img/img1.gif","img/img2.gif","img/img3.png",
                "img/img4.gif","img/img5.gif","img/img6.gif",
                "img/img7.gif","img/img8.png", "img/img9.jpg"];
    var count=0;
    var div;
    for (var i = 0; i < 9; i++) {
        var randPos = 0 + Math.floor(Math.random() * 500); 
        this.img = document.createElement("img");
        div = document.createElement("div");

        $("div").attr("id","div"+i);
        var randNew = 0 + Math.floor(Math.random() * (5)); 
        var rand = 0 + Math.floor(Math.random() * (9-count)); 
        this.img.src = myarray[rand];

        $('#div'+i).css("left", randPosition());
        $('#div'+i).css("right", randPosition());
        $('#div'+i).css("top", randPosition());
        $('#div'+i).css("bottom",randPosition());
        $('#div'+i).css("position","relative");
        $('#div'+i).show();
        div.appendChild(this.img);
        $("body").prepend(div);
        myarray.splice(rand,1);
        count++;
    }
}

在

createImages（）

函数中，有一个循环，可将图像添加10次：

for (var i = 0; i < 9; i++) {
   ...
}

您应该使用新创建的div创建jQuery对象以使用它：

var div = document.createElement("div");

$div = $(div);  // << Create jQuery object wrapping the new div
$div.css("left", randPosition());

---

编辑：我已经为您构建了一个JSFIDLE，您可以使用它：

您可以使用JSFIDLE显示实时演示吗？您的图像的名称是什么？你能按索引遍历它们吗？”img/img'+i+'.gif'@LiamSchauerman是的，我可以使用索引迭代图像，但我想更改此设置。我只希望一个图像出现一次。@Reza-S4我试图将代码复制到JSFIDLE，但没有显示任何内容。我以前从未使用过这个工具。如果有什么帮助，我可以在这里分享我所有的代码什么是randPosition（）？这是你第一次尝试（生成10个图像）。你提供的代码可以只创建一个imege，但总是在左上角，并且这个图像不会在其他地方消失和出现，检查我的完整代码哦，你是对的。我只关注这一代人，而不是其他人。选中这个，我将编辑我的答案：注意，这个函数只在某个随机位置创建一个图像。它不处理用户交互，也不删除以创建下一个交互。但我希望它能帮助你从它开始。

for (var i = 0; i < 9; i++) {
   ...
}

div = document.createElement("div");
$("div").attr("id","div");

var div = document.createElement("div");

$div = $(div);  // << Create jQuery object wrapping the new div
$div.css("left", randPosition());

function createImages(){
    var div = document.createElement("div");

    $div = $(div);
    $div.css("left", randPosition());
    $div.css("right", randPosition());
    $div.css("top", randPosition());
    $div.css("bottom",randPosition());
    $div.css("position","relative");
    $div.show();

    var img = document.createElement("img");
    img.src = "http://dummyimage.com/25x25/4F4/000.png";

    div.appendChild(img);
    $("body").prepend(div);
}