Como dato curioso acerca de porqué se recarga la página cuando haces click en esos botones, es porque al estar dentro de un <form>, los elementos button que no tienen el type (button o submit) por default se le asigna el submit, y al darle click se ejecuta se ejecuta el submit del form lo cual genera la recarga de la página.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?