Почему мой элемент исчезает сразу после его добавления?

Question

Я пытаюсь выполнить простое упражнение с приложением todo, я не знаю почему, но мой элемент списка добавляется, но сразу исчезает.Любое предложение?

    /* jshint esversion: 6 */

    window.onload = function () {
        var taskList = document.querySelector('#taskList');
        var form = document.querySelector('form');
        let count = 1;
        form.addEventListener("submit", function(){
            var task = document.querySelector('input').value;
            let li = document.createElement('li');
            li.append(count + '  ' + task);
            taskList.append(li);
        });

    };

Answer 1

form.submit отправляет данные формы на URL, указанный в action.Учитывая проблему, о которой вы сообщаете, я подозреваю, что ваше действие - это та же страница.Поэтому при перезагрузке LI, который вы добавили динамически, больше не существует из-за перезагрузки страницы.Имеет смысл?

    form.addEventListener("submit", function(){
        var task = document.querySelector('input').value;
        let li = document.createElement('li');
        li.append(count + '  ' + task);
        taskList.append(li);
    });