Função não listada

Bom dia André, tudo bem? Espero que sim!

Isso acontece porque sua função executa um write, que serve para escrever na tela.

Existe uma declaração da função que se chama return, ela serve para retornar alguma coisa quando a função é chamada. Quando não se escreve esse return, o retorno da função é indefinido, por isso apareceu para você undefined.

Você pode mudar a sua função para que retorne o valor da diferença da idade. Assim sempre que a função for chamada dentro de um write, retornará o valor da operação:

function diferencaIdades() {
    return idadeAndre - idadeBruno;
}

Dessa forma, executando o seu código, irá funcionar:

mostra("Nossa diferença de idade é " + diferencaIdades());

Espero que tenha tirado sua dúvida.

Estou à disposição. Bons estudos!

Legal, eu realmente tentei resolver usando função o que não era o que o gabarito tinha proposto, o exercício tinha proposto resolver com "var" que pensando bem era mais fácil mesmo.

Segue código resolvido com "var":

<meta charset="UTF-8">

<script> 

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

function mostra(frase) {
    document.write(frase);
    pulaLinha();
}


var idadeAndre = 25;
var idadeBruno = 30;

var diferenca = idadeBruno - idadeAndre;

mostra("Nossa diferença de idade é " + diferenca);


</script>

Mas queria saber que seria melhor nessa ocasião, é sempre melhor usar ferramentas otimizadas?

Tipo nesse caso era melhor eu ter pensado em resolver com "var" des do inicio do que usar a função que é uma ferramenta um pouco mais complexa?

Nessa ocasião específica a variável atenderia melhor, por se tratar de uma operação simples, com uma única linha de execução.

A função tem a vantagem de executar várias linhas de código, podendo ter condicionais e loops que modifiquem o retorno da função. É indicada também para não repetir blocos de código que fazem a mesma coisa. Você verá os condicionais e loops mais adiante nesse mesmo curso que está fazendo.

Legal obrigado pelas dicas.