For循环不工作和克隆Javascript

我已经尝试了各种各样的方法来找出为什么我的代码不是，但是，我似乎无法找到原因`

var numberOfFaces=5；
var theleftside=document.getElementById（“leftSide”）；
var top_position=数学楼层（（数学随机（）*400）+1）；
var left_position=数学楼层（（数学随机（）*400）+1）；
var theRightSide=document.getElementById（“右侧”）；
函数生成器（）{
对于（变量i=1；i

img{
位置：绝对位置；
}
div{
位置：绝对位置；
宽度：500px；
高度：500px；
}
#右侧{
左：500px；
左边框：2倍纯黑；
}

配对游戏
点击左边额外的笑脸

因为您刚刚实现了一个函数，但没有调用它。尝试添加

generatefaces();

---

最后。

首先，正如burkay所说，您需要调用函数

generatefaces（）

其次，您需要使用

img.cloneNode（true）

为右侧创建第二个元素。这将创建一个副本，以便您可以将其附加到右侧

此外，您正在生成循环外部的随机位置，因此每个

img

都使用相同的随机位置。相反，您需要通过在循环内部移动来为每个

img

创建一个随机位置

示例：

var numberOfFaces=5；
var theleftside=document.getElementById（“leftSide”）；
var theRightSide=document.getElementById（“右侧”）；
//你需要调用这个函数
生成（）
函数生成器（）{
对于（变量i=1；i

img{
位置：绝对位置；
}
div{
位置：绝对位置；
宽度：500px；
高度：500px；
}
#右侧{
左：500px；
左边框：2倍纯黑；
}

配对游戏
点击左边额外的笑脸