uso do parseFloat ou parseInt

Oi, Caique.

Pode postar o código completo?

Claro, Rafael!

<meta charset="UTF-8">

<h1> Preço por kilo </h1>

Preço:
<br>
<input type="float" id="preco">
<br><br>
Quantidade na embalagem (Kg):
<br>
<input type="float" id="quantidade"> 
<br><br>
*para gramas (300g) faça a conversão em Kg (0.3)
<br><br>
<button> Calcula! </button>

<script>

    function mostra(frase){

        document.write(frase);

    }

    function pulaLinhas(quantidade){

        for (var linhas = 0; linhas <= quantidade; linhas++){

            mostra("<br>");

        }

    }

    var entradaPreco = parseFloat(document.querySelector("#preco").value);

       var entradaQuantidade = parseFloat(document.querySelector("#quantidade").value);

    function calculaPreco() {

        var resultado = entradaPreco / entradaQuantidade;

        mostra("<big>Sai por R$" + resultado + " o Kg.</big>");

        pulaLinhas(1);

        mostra("<button> Novo cálculo </button>");

        var button = document.querySelector("button");

        var reload = function reload(){

            location.reload();

        }

        button.onclick = reload;

    }

    var button = document.querySelector("button");

    button.onclick = calculaPreco; 

</script>

Infelizmente não vou conseguir te ajudar, Caique. Passei um bom tempo quebrando a cabeça mas tb não consegui fazer ele reconhecer os valores e parar de mostrar o NaN.

Não sei se o caminho talvez seja usando o isNaN https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/isNaN