Olá Witor tudo bem ?
A finalidade da função é facilitar o código , por exemplo imagine que para cada resultado que você obter quiser colocar uma linha ou até mesmo pular a linha , teria que ficar reescrevendo isso várias e várias vezes até o necessário de acordo com sua necessidade. Então observe que a função ela recebe essas tags com uma só finalidade :
function pulaLinha() {
document.write("<br><hr><br>");
}
na função pulaLinha ela está dizendo que a cada linha que pular é pra traçar um traço na tela que está representado uma linha que é criada pela tag <hr>
.
Já na função mostra :
function mostra(frase) {
document.write("<big>" +frase + "</big>");
pulaLinha();
}
observe que na função mostra ela recebe um parâmetro frase ou seja toda frase descrita no código vai ganhar um novo formato que será fornecido pelas tag <big>
ela ficará maior que a fonte padrão estabelecida pelo browser , e logo a baixo dentro da função mostra você chamou a função pulaLinha que o intuito é pular uma linha fazendo um traço na tela a cada frase declarada.
Ou seja o intuito das funções é facilitar na hora de escrever o código, por que imagine se você quisesse obter o mesmo resultado, sem estar utilizando a função, você teria que escrever todas essas informações repetidamente no seu código oque pode deixar o código muito poluido.
Espero ter ajudado , qualquer dúvida sinta-se a vontade para compartilhar aqui no fórum, ficaremos muito felizes em poder te ajudar. =)
Abraços e bons estudos.