Как менять номер отображаемого массива в JS?

Question

[William Miller]

На странице есть контейнер <ol id="todo-list"></ol>, необходимо с помощью цикла
добавить в него пять задач (элементов ) с классом task и текстом, взятым из
массива задач из пяти элементов:
var tasks = ['Купить хлеб', 'Сделать бутерброд', 'Почистить зубы', 'Посмотреть
фильм', 'Лечь спать'];

Решил как отображать на странице но есть одна проблема , код ниже

let tasks = ['Купить хлеб', 'Сделать бутерброд', 'Почистить зубы', 'Посмотретьфильм', 'Лечь спать'];

    
    for(let i = 0; i < 1; i++){

            let li = document.createElement(`li`);
            li.innerHTML = tasks[0]
            let ol = document.querySelector(`#todo-list`)
            ol.append(li);
            };

при каждой итерацции цифра внутри массива должна менятся чтоб отобразились и другие задачи , помогите пожалуйста , вообще не могу пройти.

Answer 1

[Александр]

for (let i = 0; i < tasks.length; i++) {
    ...
    li.innerHTML = tasks[i];
    ...
}

for (let task of tasks) {
    ...
    li.innerHTML = task;
    ...
}

Comments

[William Miller]

Большое вам спасибо , всё работает)))