como botao salvar recaregar a pagina

Olá, Israel!

Pelo que entendi, sua dúvida é sobre como o botão "Salvar" está recarregando a página, certo? Isso acontece porque o botão "Salvar" está dentro de um formulário HTML, e com evento de "submit".

Quando você clica em um botão dentro de um formulário, o comportamento padrão do navegador é enviar (submit) o formulário e recarregar a página. No exemplo da aula, o professor usou evento.preventDefault() dentro do evento de 'submit' do formulário para evitar esse comportamento padrão de recarregar a página.

Então, quando o professor clica no botão "Salvar", o evento 'submit' do formulário é disparado. A função que é chamada nesse evento impede o comportamento padrão (recarregar a página) com evento.preventDefault(). Em seguida, a função cria uma nova tarefa com os dados do formulário, adiciona essa tarefa na lista de tarefas e atualiza a lista de tarefas na página.

Aqui está um exemplo simplificado de como isso funciona:

formTask.addEventListener('submit', (evento) => {
    evento.preventDefault() // impede o comportamento padrão de recarregar a página
    const task = {
        descricao: textarea.value, // pega o valor do campo de texto do formulário
        concluida: false
    }
    tarefas.push(task) // adiciona a nova tarefa na lista de tarefas
    const taskItem = createTask(task) // cria um novo item de lista com a nova tarefa
    taskListContainer.appendChild(taskItem) // adiciona o novo item de lista na lista de tarefas na página
})

Espero ter ajudado e bons estudos!

Como exatamente logo o botao de salva esta fazer loading, se tem outros dois botaos que nao tem essa funcionalidade ao clicar neles como cancelar e deletar. È ainda o botao com o texto salva nao tem um type=' submit', mas mesmo faz o loading como isso é possivel?

Olá Israel,

Pelo que eu entendi do botão salvar é o seguinte: Se algum botão de um formulario não for especificado com o atribulo type, ele ja vem como padrao type:"submit". E é exatamente isso que está acontecendo com a tag button SALVAR.

Tambem estava com a mesma dúvida e achei a resposta nesse link https://www.homehost.com.br/blog/tutoriais/html-buttton/