Nessa parte do curso, deve-se incluir o evento "preventDefault();" pois a página uma vez enviada ela se recarrega, fazendo assim com que a tabela volte ao seu status inicial
Nessa parte do curso, deve-se incluir o evento "preventDefault();" pois a página uma vez enviada ela se recarrega, fazendo assim com que a tabela volte ao seu status inicial
Isso mesmo! É por isso que uso event.preventDefault()
.
Cada elemento em HTML possui um comportamento padrão, no caso do formulário, é submeter seu conteúdo. Como não indicamos o local para onde ele será submetido (claro, porque não queremos submetê-lo) a mesma página é devolvida, fazendo com que o browser apague tudo o que tinha antes nela.
Quando usamos event.preventDefault()
, estamos pedindo para que o comportamento padrão do evento submit
que é enviar o formulário seja cancelado. Com isso, conseguimos manter os dados na tela.
Se quiser reforçar esse conhecimento, segue o vídeo do curso de JavScript com o instrutor Douglas:
https://cursos.alura.com.br/course/javascript-programando-na-linguagem-web/task/24208
Nesse vídeo ele explica com mais detalhes o problema. Se minha explicação foi suficiente, pode continuar com sua jornada aqui comigo.
Sucesso e bom estudo meu aluno!