Não consigo trazer valores do input para funções criadas!

<meta charset="utf-8">

<h1>Calculadora de IMC:</h1>
<br>
<br>
<br>
<hr>

Digite o seu nome:                    
<input type="text" name="nombre">
<br><hr>

Digite seu peso:
<input type="number" name="peso">
<button>  Clique aqui para calcular o imc.</button>
<br><hr>

Digite sua altura:
<input type="number" name="altura">
<br><hr>

<script type="text/javascript">


    var nomeInf = document.querySelector("nombre");
    var pesoInf = document.querySelector("peso");
    var alturaInf = document.querySelector("altura");    

    var nome = nomeInf.value;
    var peso = pesoInf.value;
    var altura = alturaInf.value;

    function calculaIMC(peso,altura,){

        var imc = peso/(altura*altura);
        return imc;
    }
    function mostra(texto){
        document.write(texto);
        document.write("<br>");
    }

    function verifica(){
        if(imc<18.5){
            mostra( nomeInf + " você esta abaixo do peso recomendado.");
        }
        if (imc>35) {
            mostra(nomeInf +" você esta acima do peso recomendado.");
        }
        if (imc>=18.5 && imc<=35) {
            mostra( nomeInf+"você esta na faixa de peso recomendada.");
        }
    }
    function finale(){
        calculaIMC(peso, altura);
        verifica();
    }

    var x = document.querySelector("button");
    x.onclick = finale;

</script>