SteveGerr
@SteveGerr
front-end developer junior

Как перебрать внешний JSON и вывести данные в дерево DOM?

5d52f6f577241636262755.png

Есть файл JSON который лежит в корне. Необходимо, чтобы li заполнялись из "links"(content.json), а блок "right", отображал текст из "content"(content.json) по нажатию на li.

Например:
Кликаем по первой li, в правом блоке отображается text_1(подгружается из json)
Кликаем по третьей li, в правом блоке отображается text_3.

У меня получилось только заполнить все li, но они заполняются все, значением последнего ключа: header_link_5

https://codepen.io/stevegerr/pen/ZEzQrQj
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
@StockholmSyndrome
const right = document.querySelector('.right');
const links = document.querySelectorAll("li");
const handleClick = (e) => right.textContent = data.content[data.links.indexOf(e.target.textContent)].news;


links.forEach((elem, i) => {
  elem.textContent = data.links[i];
  elem.addEventListener('click', handleClick);
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы