Eu estava vendo 1 vídeo de um projeto de calculadora em javascript, e vi que o prof primeiro declarou uma variável global sem valor, e através de uma função de click, passou um valor para a variável ao invés criar a variável dentro do espoco da função. Qual o sentido desta ação? Não séria melhor criar a variável no espoco da função? Aqui está o código js. Coloquei 2 setas para tentar ajudar onde é que está o foco da pergunta. Muito obrigado:
const teclas = document.querySelectorAll('[id*=tecla');
const operadores = document.querySelectorAll('[id*=operador]');
const display = document.querySelector('#display');
var numeroNovo = true;
var numeroAntigo; //VARIAVEL GLOBAL SEM VALOR DO PROF <================
const calculadora = {
inserirNumero:(evento)=>{
calculadora.atualizarDisplay(evento.target.textContent);
},
inserirOperador:(evento)=>{
if(!numeroNovo){
calculadora.calcular(numeroAntigo);
numeroNovo = true;
operador = evento.target.textContent;
console.log("NumeroAntigo: "+numeroAntigo)
numeroAntigo = display.textContent; //ACRESCENTOU UM VALOR AQUI <===========
}
},
calcular:(numeroAntigo)=>{
var numeroAtual = display.textContent;
},
atualizarDisplay:(texto)=>{
if(numeroNovo){
display.innerHTML = texto;
numeroNovo = false;
}else{//numeroNovo = false
display.innerHTML += texto;
}
}
};
teclas.forEach(tecla => {
tecla.addEventListener("click", calculadora.inserirNumero);
});
operadores.forEach(operador =>{
operador.addEventListener("click", calculadora.inserirOperador);
})
inserirOperador
fosse chamada, e você não conseguiria ter o valor anterior do display guardado ali. Não sei também se o código está incompleto, já que a funçãocalcular
recebe onumeroAntigo
como parâmetro, mas não use ele para nada (além da variáveloperador
, que também é setada mas não é usada pra nada depois).