Função

Olá José, tudo bem?

Uma variável representa um valor. Utilizamos uma variável para armazenar os dados inseridos, seja pelo programador ou pelo usuário. Abaixo, um pequeno código só para informar a data, sem a utilização de uma função:

<meta charset="utf-8">

<script>

var ano = 2020;
var mes = "Julho";
var dia = 15;

document.write("Ano: " + ano + ", Mês: " + mes + ", Dia: " + dia);

</script>

Agora, o mesmo programa só que utilizando uma função:

<meta charset="utf-8">

<script>

function dataAtual(){

var ano = 2020;
var mes = "Julho";
var dia = 15;
document.write("Ano: " + ano + ", Mês: " + mes + ", Dia: " + dia);
document.write("<br>");

}

dataAtual();
dataAtual();

</script>

No segundo exemplo, as informações só estão sendo exibidas no navegador por conta do dataAtual();, repare que informei duas vezes, assim, as informações apareceram duplicadas no navegador.

O maior beneficio de utilizar funções é que podemos evitar repetição de código, se quiser executar uma operação mais de uma vez, você pode simplesmente escrever a função. Imagine que sempre que informamos a data, precisaríamos escrever tudo o que está no primeiro exemplo, seria muito trabalhoso e repetitivo. Com o dataAtual(); o código fica legível, fácil de ler. E caso precise alterar, fica mais fácil alterar em um único lugar.

Espero ter ajudado, mas caso ainda tenha dúvidas, fique tranquilo para perguntar novamente.

Abraços. Bons estudos!