Problema de erro ao adicionar novo paciente na tabela

Olá Renan, tudo bem com você?

Peço desculpas pela demora em lhe responder.

Conforme a descrição feita na postagem, está acontecendo a execução do comportamento padrão do botão do formulário. O botão de um formulário HTML por padrão, irá enviar o formulário e realizar o carregamento da página. Para que esse comportamento não ocorra, podemos fazer o uso da função event.preventDefault(). Peço que siga os passos apresentados abaixo para adicionar a chamada dessa função.

• Abra o arquivo form.js no editor de código

• Localize a função de escutar o click, do botão do formulário (botaoAdicionar)

• Nessa função adicione o código abaixo

    event.preventDefault();

• A função deve ficar como apresentada abaixo

    botaoAdicionar.addEventListener('click', function (event) {
  
        event.preventDefault();
  
        // Código do evento omitido
    }

• Salve o arquivo form.js

• Abra o arquivo index.html no navegador e adicione um novo paciente a tabela e verifique o resultado apresentado

Caso o comportamento continue sendo apresentado, peço que compartilhe o seu projeto completo, para que eu possa realizar testes e simulações. Basta compartilhar a pasta compactada do projeto em um site de compartilhamento (exemplo Google Drive) e enviar o link de compartilhamento na resposta desta postagem.

Espero ter lhe ajudado. Em caso de dúvidas estou à disposição.

Não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.

Abraços e bons estudos!