Olá o meu recém criado site apresenta uma falha toda vez que entro nele ele fica recarregando sem eu clicar, mas ele recarrega de um em um segundo não consegui achar o erro aqui está o meu código fonte
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="shortcut icon" href="Icons8-Ios7-Science-Geometry.ico" type="image/x-icon">
<style>
body{
background-color: #fab700;
color:rgb(255, 0, 0);
font: normal 20pt Arial;
}
</style>
</head>
<body>
<h1>Resolvendo alturas inacessíveis</h1>
<p>Esse site possui como objetivo encontrar alturas Inacessiveis como de um prédio, uma árvore e etc. Para calcular essa alura iremos usar o triângulo abaixo: </p>
<img src="tbr.png" alt="Queremos descobrir a altura"width=550 height=350>
<p>Agora para continuar indique os valores pedidos no campo abaixo: </p>
<section>
<div class="centro">
Digite o valor da primeira medição:
<input class="alfa" type="number"><br>
Digite a distância que você se afastou:
<input class="a" type="number"><br>
Digite a distância da segunda medição:
<input class="beta" type="number"><br>
<button onclick="clicar()">Resultado</button>
<p class="resultado"></p>
<script>
function clicar() {
var alfa = document.querySelector('input.alfa').value;
var a = document.querySelector('input.a').value;
var beta = document.querySelector('input.beta').value;
var resultado = (a * Math.tan(alfa) * Math.tan(beta))/(Math.tan(alfa) - Math.tan(beta))
document.querySelector('.resultado').innerHTML = resultado;
}
</script>
</div>
</section>
</body>
</html>