Не могу создать нужное количество объектов с помощью цикла while
Столкнулся с такой проблемой, что не могу создать нужное количество жизней с помощью цикла while. Выдаёт ошибку (превышен максимальный размер стека вызовов). Менял код много раз, но безрезультатно. Буду очень благодарен любой помощи.
// код html: <div id="lifes"><span></span><span></span><span></span></div>
// функция создания жизней
function createLifes() {
// создаём блок div
var lifes = document.createElement("div");
// добавляем тегу div => id="lifes"
lifes.id = "lifes";
// в lifesNum добавляем тег span
var lifesNum = document.createElement("span");
// текущее количество жизней
var lifesCurrentNum = 0;
// количество жизней, которое я хочу сделать
lifesNum = 3;
while(lifesCurrentNum < lifesNum) {
createLifes();
lifesCurrentNum++;
};
lifes.style.display = "block";
// добавляем в тег div тег span
lifes.appendChild(lifesNum);
// добавляем элемент жизни в игровое поле <div id="igra"></div>
igraPole.appendChild(lifes);
}
|
andrey44,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
div{
counter-reset: n 0;
}
span:after{
counter-increment: n 1;
content: "span" counter(n);
}
</style>
</head>
<body>
<div id="igraPole"></div>
<script>
// код html: <div id="lifes"><span></span><span></span><span></span></div>
// функция создания жизней
function createLifes() {
// создаём блок div
var lifes = document.createElement("div");
// добавляем тегу div => id="lifes"
lifes.id = "lifes";
// текущее количество жизней
var lifesCurrentNum = 0;
// количество жизней, которое я хочу сделать
var lifesNum = 3;
while(lifesCurrentNum < lifesNum) {
// в lifesNum добавляем тег span
var span = document.createElement("span");
// добавляем в тег div тег span
lifes.appendChild(span);
lifesCurrentNum++;
};
// lifes.style.display = "block";
// добавляем элемент жизни в игровое поле <div id="igra"></div>
igraPole.appendChild(lifes);
}
createLifes()
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 02:34. |