Итак, есть у меня вот такая конструкция:
const PC_Card_Hand = document.querySelector('.comp-card-hand1');
PC_Card_Hand.appendChild(DECK_PC[0].getHTML());
Она считывает первое значение из массива DECK_PC
, а затем создает элемент DIV
с классом card
с данными из массива в элементе div
с классом comp-card-hand1
и все прекрасно работает. Вот только есть две проблемы:
- Элементов у меня в массиве больше чем один
- Элементов
div
с классомcomp-card-hand1
тоже больше чем один
А все попытки как-то данный процесс зациклить и заставить элементы из массива расставляться в свободные div
ы не приводят ни к чему хорошему и все данные упорно запихиваются в самый первый найденный элемент div
с классом comp-card-hand1
Итак вопрос: как мне решить данную проблему и заставить данные из массива записываться в разные (свободные) div
с классом comp-card-hand1
?
УТОЧНЕНИЕ: массив содержит в себе 50 элементов, а элементов div
с классом comp-card-hand1
3 штуки. Я хочу, чтобы в эти дивы вставлялись первые 3 значения массива DECK_PC. А если какой-то из них освобождается, то туда должен вставляться следующий по очереди элемент.