Как вывести текст, полученный с помощью querySelectorAll, в элемент <p>?

Как можно исправить код, чтобы вместо вывода только последнего названия выводились все названия с карточек?
  • 24 июня 2024 г. 16:02
Ответы на вопрос 2
Для вывода текста, полученного с помощью `querySelectorAll`, в элемент `<p>`, можно использовать следующий код:

```javascript
const cards = document.querySelectorAll('.card');
const paragraph = document.querySelector('p');

cards.forEach(card => {
  const title = card.querySelector('h2').textContent;
  const titleElement = document.createElement('span');
  titleElement.textContent = title;
  paragraph.appendChild(titleElement);
});
```

Этот код будет создавать новый элемент `span` для каждого названия карточки и добавлять его в элемент `<p>`. Таким образом, будет выведено все названия карточек.

Пожалуйста, убедитесь, что все селекторы соответствуют вашей HTML разметке.
orderProductsNames.forEach(item => {
console.log(item.textContent);
})
Похожие вопросы