Acentuação no box do Alert está incorreta

Senhores, o código funcionou corretamente, porém, a acentuação no box do Alert está aparecendo algo como isso:

A média das idades dos familiares é 30 fim

A m�dia das idades dos familiares e 30 fim

O charset está conforme os anteriores. Não consegui fazer funcionar isso corretamente. Podem me ajudar?

<meta charset="UTF-8">

<script>

    function pulaLinha() {
        document.write("<br>");
    }
    function mostra(frase) {
        document.write(frase);
        pulaLinha();
    }

    var totalFamiliares = parseInt(prompt("Quantidade de familiares: "));
    var numero = 1;
    var totalIdades = 0;

    while(numero <= totalFamiliares) {
        var idade = parseInt(prompt("Informe a idade do familiar: "));
        totalIdades = totalIdades + idade;
        numero++;
    }
    var mediaDasIdades = totalIdades/totalFamiliares;
    mostra("A média das idades dos familiares e " + mediaDasIdades);
    mostra("fim");
</script>