var total = 0 fora da função

O meu código só funciona quando coloco a var total = 0 fora do escopo da função. Na resposta do exercício está dentro da função. Isso está correto?

var convidados = [];

function criaListaConvidados() {
  var itens = document.querySelectorAll(".convidado");

  for (var i = 0; i < itens.length; i++) {
    var convidado = {
      nome: itens[i].querySelector(".nome").textContent,
      idade: parseInt(itens[i].querySelector(".idade").textContent),
    };
    convidados.push(convidado);
  }
  return convidados;
}

var total = 0;

function calculaTotalDasIdades(par) {


  for (var i = 0; i < par.length; i++) {
    total += par[i].idade;
  }

  return total;
}

var criaLista = document.querySelector(".captura");
criaLista.addEventListener("click", (event) => {
  event.preventDefault();

  criaListaConvidados();
  calculaTotalDasIdades(convidados)
  console.log(convidados);
  console.log(total);
});