Valor retorna sem ponto flutuante

Eu passo um valor com ponto flutuante porém a minha média não retorna da mesma forma onde devo alterar para receber a média da mesma forma.

<meta charset="UTF-8">
<script>

    function pulaLinha() {

        document.write("<br>");
    }

    function mostra(frase) {

        document.write(frase);
        pulaLinha();
    }

    var totalDeEventos = parseInt(prompt("Informe o total de eventos"));

    var contador = 1;
    var totalGastoComEventos = 0;

    while(contador <= totalDeEventos) {

        var gasto = parseFloat(prompt("Informe total gasto com evento"));
        totalGastoComEventos = totalGastoComEventos + gasto;
        contador++;

    }

    var media = totalGastoComEventos / totalDeEventos;

    mostra("A média de gastos é R$" + media );

</script>

opa perdão ! novato k