Как вывести массивы в каждый отдельный div?

Question

У меня есть массив

var arr = ['JavaScript', 'ECMAScript', 'jQuery'];

и есть HTML

<div id="gg">
<div id="one"></div>
<div id="two"> </div>
<div id="three"> </div>
<div id="four"> </div>
<div id="five"> </div>
<div id="six"></div>

Как сделать так чтобы, каждый массив был в своем блоке? Например JavaScript должен быть в диве one , и так далее.

Answer 1

const items = [{
    name: 'JavaScript',
    target: 'one',
  },
  {
    name: 'ECMAScript',
    target: 'two',
  },
  {
    name: 'jQuery',
    target: 'three',
  },
];

const setName = (target, name) => {
  const $target = document.getElementById(target);
  $target.textContent = name;
};

items.forEach((item) => {
  setName(item.target, item.name);
});

<div id="gg"></div>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<div id="four"></div>
<div id="five"></div>
<div id="six"></div>

БЛОГ НА HUSL

Как вывести массивы в каждый отдельный div?

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