Por que quando eu clico no botão, toda a página é resetada?

Olá pessoal, creio que quando eu clicasse no botão, não era pra atualizar a página. o id do meu botão é 'botão', É normal? parece que não peguei a ideia direito. Abaixo segue meu javascript.

        <script>


            var pacientes = document.querySelectorAll(".paciente");
            for (var i = 0; i < pacientes.length; i++) {
                var paciente = pacientes[i];
                var tdPeso = paciente.querySelector(".info-peso");
                var peso = tdPeso.textContent;
                var tdAltura = paciente.querySelector(".info-altura");
                var altura = tdAltura.textContent;
                var tdImc = paciente.querySelector(".info-imc");
                var pesoEhValido = true;
                var alturaEhValida = true;
                var frase="";
                if (peso <= 0 || peso >= 1000) {
                    console.log("Peso inválido!");
                    pesoEhValido = false;
                    tdImc.textContent = "Peso inválido";
                    paciente.classList.add("paciente-invalido");
                }

                if (altura <= 0 || altura >= 3.00) {
                    console.log("Altura inválida!");
                    alturaEhValida = false;
                    tdImc.textContent = "Altura inválida";
                    paciente.classList.add("paciente-invalido");

                }

               if (alturaEhValida && pesoEhValido) {
                    var imc = peso / (altura * altura);
                    tdImc.textContent = imc.toFixed(2);

                }
             }

            //daqui pra baixo eu não entendi, mas esta rodando
            var botao = document.querySelector("#botao");
            function botaoHandler(){
                console.log("Botão Clicado!");
            }
            botao.addEventListener('click',botaoHandler);


        </script>insira seu código aqui