I don't understand why in the output I have just one li element, I should have 10 li inside ul.

 function setTodolist() {
      let ul = document.querySelector('.todo-list');
      let li = document.createElement('li');

        for (let i = 0; i < 10; i++) {
        ul.appendChild(li).innerText = 'Hello World';
       }
 }
  setTodolist()