Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ssl/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法生成多个图像_Javascript_Dom - Fatal编程技术网

Javascript 无法生成多个图像

Javascript 无法生成多个图像,javascript,dom,Javascript,Dom,这是一个游戏,每次用户点击左侧div的最后一个节点时,都会添加5个以上的图像 如果他单击其他节点,则应显示“游戏结束”警报 问题: TypeError:leftside.lastChild为空 在调用generateface函数生成新的面集之前,如何删除右侧和左侧div的所有节点 配对游戏 点击左边额外的笑脸 .smile {position:absolute} div {position:absolute; width:500px;height: 500px} #rightside {l

这是一个游戏,每次用户点击左侧div的最后一个节点时,都会添加5个以上的图像

如果他单击其他节点,则应显示“游戏结束”警报

问题:

  • TypeError:leftside.lastChild为空

  • 在调用generateface函数生成新的面集之前,如何删除右侧和左侧div的所有节点

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

    .smile {position:absolute}
    div {position:absolute; width:500px;height: 500px}
    #rightside {left:500px;border-left: 1px solid black}
    

    var numberOfFaces=5; var leftside=document.getElementById(“leftside”); var rightside=document.getElementById(“rightside”); 函数生成器(){ 对于(i=0;i
    event.stopPropagation();
    面数+=5;
    生成();
    
    }; theBody.onclick=函数gameOver(){ theBody.onclick=null; 警报(“游戏结束!”); };


  • 您忘记将
    px
    添加到
    顶部
    左侧
    样式属性。 更改代码如下

    ismile.style.top = topran + 'px'; 
    ismile.style.left = leftran + 'px';
    
    var numberOfFaces=5;
    var leftside=document.getElementById(“leftside”);
    函数生成器(){
    
    对于(i=0;i)您的控制台中是否收到任何错误?可能只有一个DOM具有多个元素!@DavidR您能帮忙吗!谢谢它工作了。但是,当我修复了一个范围后,添加“px”的逻辑是什么。