Как это сделать с числами я нашел.
for (let i = 1; i <= 9; i++) {
let str = ''; // каждый раз зачищаем строку
for (let j = 1; j <= i; j++) {
str += i;
}
document.write(str + '<br>');
}
А вот как это сделать так чтобы количество html-тегов
<div class="flex-item color"></div>
с каждой итерацией цикла увеличивалось понять не могу.
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Example 2</title>
<style>
#game {
width: 1000px;
height: 1000px;
}
.flex-container {
display: flex;
}
.center {
justify-content: center;
}
.flex-item {
height: 100px;
width: 100px;
border: 1px solid white;
}
.color {
background-color: #9BC850;
}
</style>
</head>
<body>
<div id="game"></div>
<script>
for (let i = 0; i < 3; i++) {
for (let l = 0; l < 1; l++) {}
document.getElementById('game').innerHTML += '<div id="block" class="flex-container center"><div class="flex-item color"></div></div>'
}
</script>
</body>
</html>