Как создать li для каждого элемента массива?

Question

Andriy022 @Andriy022

JavaScript

Как создать li для каждого элемента массива?

Как создать li для каждого элемента массива?
Вот я как то так пробовал, но не знаю где вставить user чтобы li было столько сколько элементов в массиве

let arr = ['Main', 'Products', 'About us', 'Contacts']
let menu = document.getElementsByClassName('menu')[0]
let li = document.createElement('li')

let user = (param1, param2) => {
    for (const user of param2) {
        li.innerText = user
        param1.append(li)
    }
}
user(menu, arr)

Вопрос задан более трёх лет назад
766 просмотров

Комментировать

Подписаться 2 Простой Комментировать

Answer 1 · 2021-12-01 23:41:28

menu.insertAdjacentHTML('beforeend', arr
  .map(n => `<li>${n}</li>`)
  .join('')
);

// или

menu.append(...arr.reduce((acc, n) => (
  (acc[acc.length] = document.createElement('li')).textContent = n,
  acc
), []));

// или

for (const n of arr) {
  menu.appendChild(document.createElement('li'));
  menu.lastChild.innerText = n;
}

Ну или можете свой код поправить - унесите let li = document.createElement('li') внутрь цикла.

Как создать li для каждого элемента массива?

Войдите на сайт