Рендерит только первый
Использую innerHTML пытаюсь отобразить в li список из 200 title.
Но, при этом отображает только 1.
Подскажите в чем причина может быть?
const listLi = document.querySelector('.listli');
const getApi = async() => {
const response = await fetch('https://jsonplaceholder.typicode.com/todos');
const result = await response.json();
result.map(el => {
for (let i = 0; i < result.length; i++) {
listLi.innerHTML = el.title;
}
})
};
getApi();<ol>
<li class="listli"></li>
</ol>Ответы (2 шт):
Автор решения: gil9red
→ Ссылка
Попробуйте
const todo_el = document.querySelector('#todo');
const getApi = async () => {
const response = await fetch('https://jsonplaceholder.typicode.com/todos');
const result = await response.json();
result.map(el => {
let li_el = document.createElement("li");
li_el.textContent = el.title;
todo_el.appendChild(li_el);
})
};
getApi();<body>
<ol id="todo"/>
</body>
Автор решения: Lev Shportak
→ Ссылка
<body>
<ol class="listli" />
</body>
const list = document.querySelector('.listli');
const getApi = async () => {
const response = await fetch('https://jsonplaceholder.typicode.com/todos');
const result = await response.json();
result.forEach(el => {
const li = document.createElement('li')
li.innerHTML = el.title;
list.append(li)
})
};
getApi();