Javascript 如何克隆图像但删除最后一个子级？

我想将leftSide div的图像克隆到righside div。但是我必须删除leftSide div元素的最后一个子元素。在页面加载时，左侧div应该有5个面，右侧div应该有4个图像。我怎样才能达到这个结果？如果我试图从右侧div中删除最后一个子对象，那么面就会从div中消失。我想用javascrip来实现这一点

这是我的密码：

    function generateFaces(){
        var theLeftSide = document.getElementById("leftSide");  
        var width = 500, height = 500;
        var top_position = 0, left_position = 0,
        numberOfFaces = 5;
            for (var i = 0; i < 5; i++) {
            createElement(i);   
            numberOfFaces += 5;
        }
        var theRightSide = document.getElementById("rightSide");
        leftSideImages = theLeftSide.cloneNode(true);
        document.getElementById("rightSide").appendChild(leftSideImages);
        theRightSide.removeChild(theRightSide.lastChild);
        function createElement() {
            var image = document.createElement('img');
            image.src = "smile.png";
            image.style.position = 'absolute';
            image.style.top = top_position + "px";
            image.style.left = left_position + "px";
            theLeftSide.appendChild(image);
            top_position = Math.random() *   400 ;
            left_position = Math.random() *  400 ;  
        }
    };

function generateFaces（）{
var theLeftSide=document.getElementById（“leftSide”）；
变量宽度=500，高度=500；
var顶部位置=0，左侧位置=0，
面数=5；
对于（变量i=0；i<5；i++）{
元素（i）；
面数+=5；
}
var theRightSide=document.getElementById（“右侧”）；
leftSideImages=theLeftSide.cloneNode（true）；
document.getElementById（“右侧”）.appendChild（左侧图像）；
theRightSide.removeChild（theRightSide.lastChild）；
函数createElement（）{
var image=document.createElement（'img'）；
image.src=“smile.png”；
image.style.position='绝对'；
image.style.top=顶部位置+“px”；
image.style.left=左位置+px；
左侧追加子项（图像）；
top_position=Math.random（）*400；
左位置=数学随机（）*400；
}
};

删除

leftSideImages

的最后一个子项，即图像所在的位置。

右侧

最后一个子项是

左侧图像

，其中包含所有图像

leftSideImages.removeChild(leftSideImages.lastChild);

---

谢谢你的回答，很抱歉把它标记为正确。