Solucionado
Percebi que, durante o curso, fomos criando vários arquivos .js para separar os códigos e suas funções. Até aí, ok. Mas alguns desses arquivos possuiam variáveis com o mesmo nome. Isso não causou nenhum problema no código, mas queria saber se uma acaba sobrepondo a outra ou cada variável é independente uma da outra por estarem em diferentes aquivos, mesmo que tenham o mesmo nome.
Bom dia Livia, tudo bem? as variáveis que são criadas dentro de um bloco {}, são utilizadas apenas no bloco. No curso você vai notar que o professor utiliza o mesmo nome nos parâmetro das funções. Ele utiliza o mesmo nome para compreendermos que a função está buscando algo que já criamos.
var form = document.querySelector("#form-adiciona");
var paciente = obtemPacienteDoFormulario(form);No caso acima criamos uma váriavel que vai buscar todo nosso formulário. Após isso temos a variavel paciente que recebe uma função e dentro dela tem um parâmetro com o mesmo nome da váriavel anterior. Nesse caso a função vai estar recebendo a váriavel acima.
function obtemPacienteDoFormulario(form) {
var paciente = {
nome: form.nome.value,
peso: form.peso.value,
altura: form.altura.value,
gordura: form.gordura.value,
imc: calculaImc(form.peso.value, form.altura.value),
};
return paciente;
}Se formos visualizar o código em si, a função também possui um parâmetro com o mesmo nome da váriavel anterior. Ele criou com o mesmo nome para facilitar, para notarmos que ela está recebendo a váriavel que criamos antes. Contudo, se o nome fosse "formulario" "variavelFormQueCriamosAntes" o código iria funcionar normalmente, só teriamos que também mudar o nome dentro da função.