Javascript 我的配对游戏无法正常工作

Javascript 我的配对游戏无法正常工作,javascript,html,css,Javascript,Html,Css,我正在学习JS,我正在做一个游戏,我必须找到入侵者。 我的匹配游戏无法正常工作,因为左侧的面必须增加5,因为我的代码增加了10 配对游戏 img{ 位置:绝对位置; 高度:100px; 宽度:100px; } div{ 位置:绝对位置; 宽度:500px; 高度:500px; } #右侧{ 左:500px; 左边框:1px纯黑; } 配对游戏 点击左边额外的笑脸 var numberOfFaces=5; var theLeftSide=document.getElementById(“lef

我正在学习JS,我正在做一个游戏,我必须找到入侵者。 我的匹配游戏无法正常工作,因为左侧的面必须增加5,因为我的代码增加了10


配对游戏
img{
位置:绝对位置;
高度:100px;
宽度:100px;
}
div{
位置:绝对位置;
宽度:500px;
高度:500px;
}
#右侧{
左:500px;
左边框:1px纯黑;
}
配对游戏
点击左边额外的笑脸

var numberOfFaces=5; var theLeftSide=document.getElementById(“leftSide”); var theRightSide=document.getElementById(“右侧”); 函数生成器(){ 对于(i=0;i
如果您试图在每轮中再添加5个面,请删除以下代码行:

numberOfFaces += 5;
它目前的工作原理是,第一轮有5个面,下一轮将再增加10个面,然后再增加15个面,然后再增加20个面,等等

运行这个提供的代码段,您将看到删除这一行代码可以使它按您所希望的方式工作

var numberOfFaces=5;
var theLeftSide=document.getElementById(“leftSide”);
var theRightSide=document.getElementById(“右侧”);
函数生成器(){
对于(i=0;i
img{
位置:绝对位置;
高度:100px;
宽度:100px;
}
div{
位置:绝对位置;
宽度:500px;
高度:500px;
}
#右侧{
左:500px;
左边框:1px纯黑;
}
配对游戏
点击左边额外的笑脸


如果您试图在每轮中再添加5个面,请删除以下代码行:

numberOfFaces += 5;
它目前的工作原理是,第一轮有5个面,下一轮将再增加10个面,然后再增加15个面,然后再增加20个面,等等

运行这个提供的代码段,您将看到删除这一行代码可以使它按您所希望的方式工作

var numberOfFaces=5;
var theLeftSide=document.getElementById(“leftSide”);
var theRightSide=document.getElementById(“右侧”);
函数生成器(){
对于(i=0;i
img{
位置:绝对位置;
高度:100px;
宽度:100px;
}
div{
位置:绝对位置;
宽度:500px;
高度:500px;
}
#右侧{
左:500px;
左边框:1px纯黑;
}
配对游戏
点击