Нужно создать код используя dom

Question

Нужно создать код используя dom

Рейтинг: 0Ответов: 0Опубликовано: 25.02.2023

Нужно написать скрипт, который для каждого элемента массива ingredients:

Создаст отдельный элемент

. с помощью метода document.createElement(). Добавит название ингредиента как его текстовое содержимое. Добавит элементу класс item. После чего вставит все

за одну операцию в список ul#ingredients.

Мой код:

const ingredients = [
  "Potatoes",
  "Mushrooms",
  "Garlic",
  "Tomatos",
  "Herbs",
  "Condiments",
];

const ulEl = document.querySelector(".ingredients");

ingredients.forEach((ingredients) => {
  const listEl = document.createElement("li");
  listEl.classList.add("item");
  listEl.textContent = ingredients;
  console.log(listEl);

  ulEl.append(listEl);
});

<ul class="ingredients"></ul>

В консоли ошибка и не добавляются в HTML мои li, ul

javascript dom

Источник: Stack Overflow на русском

Нужно создать код используя dom

Ответы