Soy nuevo en JavaScript, quería saber si el aplicarlo de esta manera es correcta, funcionar funciona pero tengo dudas en cuanto tiempo de ejecución o si podría perjudicarme de alguna otra manera más adelante.
La preguntas son:
1.- Quería saber si es correcto pasar en esta línea la referencia de la función que es mi callback en el documento HTML. Como ven yo hago mostrarResultado(obtenerOperacion). Esta bien eso?.
No se si seria mejor dejarlo asi o directamente llamar esa funcion dentro de la otra sin usar el concepto de callback, o sea, no pasarlo como argumento, si no que desde .JS en mostrarResultado() llame a esa funcion y lo guarde el resultado en una variable.
<button class="botonResultado" onclick="mostrarResultado(obtenerOperacion)">Resolver</button>
2.- En mi código de JS. Tengo:
let formulario = document.getElementById('formCalculadoraID');
Esta bien tomar ahora esa variable formulario y pasarla de argumento a mi otra función donde necesito ese formulario o seria mejor en esa otra función volver a llamar a toda esa linea de codigo de let formulario = etc...?.
let obtenerOperacion = (formulario) => {
//conviene usar ese argumento o redefinir let formulario = document.getElementById('formCalculadoraID'); ?
let gestion = formulario['selectorID'].value;
console.log(`Se ha gestionado la operacion: ${gestion}`);
return gestion;
}
let mostrarResultado = (funcionCallback) => {
let formulario = document.getElementById('formCalculadoraID');
let operandoA = parseInt(formulario['operandoA'].value);
let operandoB = parseInt(formulario['operandoB'].value);
let operacion = funcionCallback(formulario); //aca paso de argumento el formulario a mi callback
let resultado = '';
if(operacion == 'Suma') resultado = operandoA + operandoB;
else if(operacion == 'Resta') resultado = operandoA - operandoB;
else if(operacion == 'Multiplicacion') resultado = operandoA * operandoB;
else if(operacion == 'Division') resultado = operandoA / operandoB;
if(isNaN(resultado)) resultado = 'No hay valores numericos';
document.getElementById('resultadoObtenidoID').innerHTML = `Resultado: ${resultado}`;
}