const todos = [
  'buy milk',
  'clean kitchen',
  'learn js',
]

const appendItem = (item) => {
  const el = document.createElement('li')
  const elText = document.createTextNode(item)
  el.appendChild(elText)
  document.getElementById('list1').appendChild(el)
}

/*
Here is an alternative way to perform a logical
set of action on each item of the array:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of
*/
for (const itemText of todos) {
  appendItem(itemText)
}