Страница авто обновляется при event.preventDefault

Question

Страница авто обновляется при event.preventDefault

Николай Серебряков Ученик (195), на голосовании 1 год назад

 const todoList = document.querySelector('#todo-list')
const todoForm = document.querySelector('#todo-form')
const todoInput = document.querySelector('#todo-input')

todoForm.addEventListener('submit', function (event) {
    event.preventDefault()
    console.log('Submit!')
})

Answer 1

Яков Гото Искусственный Интеллект (320909) 1 год назад

Потому что кнопка внутри формы, и событие обнуляется неправильно. Во-первых, привяжи обнуление на кнопку. И во-вторых, замени "submit" на обычный "click", который обнулит действие отправки формы (и вообще любое другое).

Николай СеребряковУченик (195) 1 год назад

 // ===== ToDo список задач =====
const todoList = document.querySelector('#todo-list')
const todoForm = document.querySelector('#todo-form')
const todoInput = document.querySelector('#todo-input')

todoForm.addEventListener('submit', formHandler)

function formHandler(event) {
    event.preventDefault()
    console.log('Submit!')
    // Получаем название задачи из инпута
    const taskText = todoInput.value
    console.log(taskText)
}

Вот так все равно не работает, страница автообновляется

Николай СеребряковУченик (195) 1 год назад

можете пожалуйста написать как это должно выглядеть
Уже все перепробовал... ничего не работает