0

Нужно отобразить созданный квадрат 12 раз, используя цикл и чтобы каждый квадрат нумеровался от 1 до 12. Не понимаю, почему не выходит

    let a = document.createElement('div');
    let div = document.getElementById('kappa');
    a.style.cssText = 'width:20px; height:20px; background-color:red;';
    for(let i = 0; i<12; i++){
        div.appendChild(a);
    }
<div id = 'kappa'></div>

1
  • div.appendChild(document.createElement('div')); - так будет работать,смею предположить что Ваш вариант не работает так происходит попытка вставить один и тот же элемент
    – Bald
    Commented 14 мая 2019 в 14:16

1 ответ 1

1

Не выходит, потому что элемент создается только один раз. Чтобы добавить 12 элементов, соответственно и создать нужно 12 элементов) А значит надо пихнуть их внутри цикла for, чтобы на каждом круге создавать новый элемент, так:

JsFiddle

let a;
let div = document.getElementById('kappa');
for(let i = 0; i < 12; i++){
  a = document.createElement('div');
  a.className = 'moo';
  a.innerText = (i+1);
  div.appendChild(a);
}
.moo {
  width: 50px; height: 50px; display: inline-block; 
  margin: 4px; background-color: #045acf; color: white;
}
<div id="kappa"></div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.