Не определяет элемент lastChild.

[Stojan]

Уважаемые форумчане!
Просьба помочь со скриптом.
Краткая информация о скрипте:
1. Скрипт генерит 5 элементов img и добавляет их в один из двух пустых div.
2. Скрипт копирует все элементы из одного div в другой, при этом удаляя один элемент img. Получаем 5 и 4 элемента img в двух div.
До этого момента все гладко.

Далее скрипт должен при нажатии на lastChild левого div, которым является один из img удалять всех child из обоих div и генерить уже 10 и 9 соответственно (по схеме выше).

Или, при нажатии на любой другой child в div кроме последнего, выдавать сообщение.

Вот проблема заключается в том, что не получается прописать событие onclick на последнем child'e одного из div, чтобы произошел вызов функции.

Вложил весь скрипт.

Заранее благодарю за помощь.

Это проблемный участок скрипта:
theLeftSide.lastChild.onclick= function nextLevel(){
// onclick.stopPropagation();
numberOfFaces += 5;
//delete all childNodes
while(theBody.firstChild){theBody.removeChild(theB ody.firstChild);
generateFaces();
}
}

[EmperioAf]

а генерить и удалять элементы обязательно? Может быть проще

display: none

и

display: block;

прописывать ?

[dyhmzall]

Попробуйте посмотреть в эту сторону: при создании динамически новых элементов, onclick не сработает, сделайте типо такого
Обработка onclick динамически созданного объекта