interval list

const todoList = document.querySelector(".todo-list");
let index = 0;
let listItemCreatorInterval;

const appendElement = () => {
  if (index > 999) {
    clearInterval(listItemCreatorInterval);
    return;
  }

  index++;

  const todoListItem = document.createElement("li");

  todoListItem.setAttribute("data-id", index.toString(10));
  todoListItem.classList.add(`class-${index}`);
  todoListItem.innerHTML = `<div class="view"><input class="toggle" type="checkbox"><label>${index}</label><button class="destroy"></button></div>`;

  todoList.appendChild(todoListItem);
};

listItemCreatorInterval = setInterval(appendElement, 10);