добавление массива на страничку

Question

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

const cards = [
  {
    name: 'name1',
    text: 'text1'
  },
  {
    name: 'name2',
    text: 'text2'
  }, 
  {
    name: 'name3',
    text: 'text3'
   }
];

Answer 1

const cards = [{
    name: 'name1',
    text: 'text1'
  },
  {
    name: 'name2',
    text: 'text2'
  },
  {
    name: 'name3',
    text: 'text3'
  }
];

const card = document.querySelector('.card');

let append_html = '';

cards.forEach(card => {
  append_html += `
    <div>
      <p class="name">${card.name}</p>
      <p class="text">${card.text}</p>
    </div>
    <hr>`
});

card.innerHTML = append_html;

<div class="card"></div>

БЛОГ НА HUSL

добавление массива на страничку

Ответы (1 шт):