um pequeno problema nas medias

Olá Júlio, tudo bem?

O erro gerado que ocorreu foi que a variável mediaIdade na linha 10 é undefined, ou seja, indefinida.

O código é interpretado pelo navegador linha a linha, uma por vez. Dessa forma, quando você utiliza a variável mediaIdade, antes mesmo de declará-la, quando o navegador faz a leitura na linha 10 ele ainda não a conhece e por isso retorna que ela é indefinida.

Note que se colocarmos a linha 10 após a linha 18, que é o ponto em que a variável foi declarada, o código funcionará. Isso ocorre pois a variável foi declarada primeiro e depois foi utilizada no document.write.

O código ficará assim:

<meta charset="UTF-8">


<script>

    document.write((12 + 15 + 13) /3);
// vamos fazer com a formla com o numero inteiro

    document.write("<br>" + Math.round((12 + 15 + 13) /3));

// Não conseguimos idealizar de forma clara a maneira acima escrita com isso vamos melhorar com as variaveis (var);


    var idadeGuaraciara = 15;
    var idadePerola = 13;
    var idadeLinda = 12;
    var mediaIdade = (idadeGuaraciara + idadePerola + idadeLinda)/3;

    document.write("<br>A média de idade das minhas filhas é "  + (mediaIdade) );


    document.write("<br>A idade da filha mais velha " + idadeGuaraciara );
    document.write("<br>A idade da filha do meio " + idadePerola );
    document.write("<br>A idade da flha mais nova " + idadeLinda );

    document.write("<br><br>" + Math.round(mediaIdade));


</script>

Recomendo você navegar pelo curso Fundamentos do JavaScript: tipos, variáveis e funções, ele te dará uma base sólida de como funciona essa dinâmica que citei e muitas outras também.

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos! =)