Подскажите где ошибка. Задание - надо чтоб function generateFaces() загрузила риснки. Потом обработчик событй ловит что нажмут. Если последнйи елемнет то добавляет еще рисунков если нет - конец игры.
<body>
<h1>Matching Game</h1>
<p>
Click on the extra smiling face on the left.
</p>
<div id="leftSide"></div>
<div id="rightSide"></div>
<script type="text/javascript">
document.body.onload = generateFaces();
var numberOfFaces = 5;
var theLeftSide = document.getElementById("leftSide");
var theRightSide = document.getElementById("rightSide");
var theBody = document.getElementsByTagName("body")[0];
function generateFaces() {
for (var i = 0; i < numberOfFaces; i++) {
var img = document.createElement("img");
img.src = "img/smile.png";
img.style.top = Math.floor(Math.random() * 400) + "px";
img.style.left = Math.floor(Math.random() * 400) + "px";
theLeftSide.appendChild(img);
}
var leftSideImages = theLeftSide.cloneNode(true);
leftSideImages.removeChild(leftSideImages.lastChild);
theRightSide.appendChild(leftSideImages);
}
theLeftSide.lastChild.onclick = function nextLevel(event) {
event.stopPropagation();
numberOfFaces += 5;
generateFaces();
};
theBody.onclick = function gameOver() {
alert("Game Over!");
theBody.onclick = null;
theLeftSide.lastChild.onclick = null;
};
</script>