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>