[Dúvida] todo o código dentro do escopo de uma função?
Fala pessoal, tenho uma dúvida sobre programas reais. sou iniciante e já fui introduzido ao conceito incial de função no javascript e me deparei com um conceito novo que é enolver todo o código do programa em uma única função e no fim chamar ela, eu entendi todo o motivo de fazer isso, mas me questionei e agora pergunto a vocês: essa é uma ideia utilizada em projetos reais? projetos reais são introduzidos em uma função principal? não sei se minha pergunta faz sentido, peço desculpas se não fizer, mas preciso de ajuda.
exemplo de código:
function meuPrograma(){
const listaComObjetos = [];
const nome = document.querySelector('.nome');
const idade = document.querySelector('.idade');
const peso = document.querySelector('.peso');
const altura = document.querySelector('.altura');
const form = document.querySelector('.form');
const botao = document.querySelector('.botao');
const resultado = document.querySelector('.resultado');
function criaObjeto(nome,idade,peso,altura){
return{
nome:nome,
peso:peso,
idade:idade,
altura:altura
}
};
function recebeFormulario(e){
e.preventDefault();
let objeto = criaObjeto(nome.value,idade.value,peso.value,altura.value);
listaComObjetos.push(objeto);
console.log(listaComObjetos);
resultado.innerHTML += `Nome: ${nome.value}, idade: ${idade.value}, peso: ${peso.value}, altura: ${altura.value} </br>`
}
form.addEventListener('submit', recebeFormulario)
}
meuPrograma()