Как создать несколько div в существующим div блоке?

Question

[embiid]

Как сделать что бы при нажатии кнопки создавалось n кол-тво div в существующем div блоке.

К примеру есть div:
<div class="field"></div>

При нажатии на кнопку я хочу что бы в него создались определенное количество блоков со стилем.

Вот функция js:

function createSmallField() {
    const card = document.createElement('div')
          card.className = 'field-card'

    for(let i = 0; i < SMALL_FIELD; i++) {
        const   insideExistDiv = document.getElementsByClassName('field')
                insideExistDiv.appendChild(card)
    }
}

Answer 1

[Шохрух Шаймардонов]

elem.getElementsByClassName() возвращает кошлекцию, а не конкретный элемент. Т.е. массив.

function createSmallField() {
    const card = document.createElement('div')
          card.className = 'field-card'

    for(let i = 0; i < SMALL_FIELD; i++) {
        const   insideExistDiv = document.getElementsByClassName('field')[0];
                insideExistDiv.appendChild(card)
    }
}