<ul id='list'></ul>
var list = document.getElementById('list')
var content = [{id: 5, title:'test', url:'http://test.com'},{id: 5, title:'test', url:'http://test.com'}]
for (key in content) {
list.innerHTML += `
<li class="tasks__item">
${content[key].id}
<div class="dropdown-content">
<h1>${content[key].title}</h1>
<img src="${content[key].url}" width="300">
</div>
</li>
`
}
// getResponse();
const taskElements = document.querySelectorAll(`.tasks__item`);
taskElements[0].innerHTML ='hl'
console.log(taskElements[0]);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.