Olá! Existe também outra forma de fazer com que o botão não recarregue a página.
Basta, na tag <button> você colocar type="button", ficando desta forma:
<button type="button">
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá! Existe também outra forma de fazer com que o botão não recarregue a página.
Basta, na tag <button> você colocar type="button", ficando desta forma:
<button type="button">
Fala ai Gustavo, tudo bem? Muito bom, obrigado por compartilhar.
Abraços e bons estudos.