text: const ingredients = [
    'Potatoes',
    'Mushrooms',
    'Garlic',
    'Tomatos',
    'Herbs',
    'Condiments',
  ];
  
  const allList = document.querySelector('#ingredients');
  
  const listEl = ingredients.map(ingredient => {
    const element = document.createElement('li');
    element.textContent = ingredient;
    element.classList.add('item');
  
    return element;
  });
  
  allList.append(...listEl);
  