Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Mensagem ao clicar no botão some rapidamente

Olá pessoal, recentemente comecei os meus estudos em JS, e surgi u o meu primeiro desafio...

Estou fazendo uma página de login/cadastro bem simples, eu queria que quando eu clicasse no botão "Cadastra-se" aparecesse uma mensagem dizendo que o "cadastro foi feito com sucesso". Então eu criei uma função pra que quando eu clicasse no botão aparecesse a mensagem dentro de uma tag "P", porém a mensagem aparece mais some rapidamente em questão de menos de um segundo...

Deixarei aqui o pedaço do código em JS e o link do projeto que subir no GitHub.

link GitHub:https://github.com/Caiqueacau-02/ProjetoLogin/tree/main/html

var botao = document.querySelector('.botao'); var cadastro_sucesso = document.querySelector('.cadastro_sucesso')

function confirmaDados(){ cadastro_sucesso.textContent = 'Cadastro com sucesso'; } botao.addEventListener('click', confirmaDados);

2 respostas
solução!

Tenta tirar o link do botao,

<a href="cadastra.html"><button type="button" class="Cadastra">Cadastre-se</button></a>

Vc englobou um link dentro de um botao, entao o seu codigo js executa e logo em seguida redireciona para a página cadastra.html

Abraços

Funcionou, muito obrigado Diego!

Abraços.