<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]);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.