¿Cómo recupero el resultado de un condicional en el mismo código?

[MajitoARG]

Hola gente! Estoy iniciándome en js y no logro encontrar una solución a esto
Quisiera saber cómo obtener el resultado de un condicional para usarlo más adelante en el código javascript: ejemplo

HTML:
Ingrese numero 1: id#num1
Ingrese numero 2: id#num2

var num1 = document.getElementById('num1').value;
var num2 = document.getElementById('num2').value;

var num2por5 = num2 * 5;
var num2por10 = num2 * 10;
var num2por15 = num2 * 15;

if (num1 <= num2por5){
document.getElementById('resultado').value = num1 * 1.20;
}
else if (num1 > num2por5 && br <= num2por10){
document.getElementById('resultado').value = num1 * 1.30;
}
else if (num1 > num2por10 && br <= num2por15){
document.getElementById('resultado').value = num1 * 1.40;
}

En el caso que se cumpla la segunda opción, ¿cómo hago para recuperar en el código el valor o resultado de esa multiplicación para seguir usandola más adelante?
Es decir si yo quiero plantear ahora que a "resultado" sumarle 3?
Espero que se haya entendido. Más allá del código ejemplo quisiera saber si hay alguna función o si hay que plantear otra variable o función, etc?
Saludos!

[Fernand0]

Código Javascript:

var num1 = document.getElementById('num1').value;
var num2 = document.getElementById('num2').value;
 
var num2por5 = num2 * 5;
var num2por10 = num2 * 10;
var num2por15 = num2 * 15;
 
var resultado = document.getElementById('resultado');
 
if (num1 <= num2por5){ 
    resultado.value = num1 * 1.20;
}
else if (num1 > num2por5 && br <= num2por10){
    resultado.value = num1 * 1.30;
}
else if (num1 > num2por10 && br <= num2por15){
    resultado.value = num1 * 1.40;
}
 
function modificar(valor, operacion) {
    if(operacion == "+") resultado.value += valor;
    if(operacion == "-") resultado.value -= valor;
    if(operacion == "*") resultado.value *= valor;
    if(operacion == "/") resultado.value /= valor;
    // etc
}
 
modificar(3, "+");
 

[Alexis88]

Por lo que muestras, solo tendrías que volver a acceder al elemento y obtener su valor. También puedes almacenarlo en una variable global o estática (si trabajas con objetos o funciones constructoras) y así solo accederías al valor, evitando recorrer nuevamente el DOM.

[MajitoARG]

Iniciado por Fernand0

Código Javascript:

var num1 = document.getElementById('num1').value;
var num2 = document.getElementById('num2').value;
 
var num2por5 = num2 * 5;
var num2por10 = num2 * 10;
var num2por15 = num2 * 15;
 
var resultado = document.getElementById('resultado');
 
if (num1 <= num2por5){ 
    resultado.value = num1 * 1.20;
}
else if (num1 > num2por5 && br <= num2por10){
    resultado.value = num1 * 1.30;
}
else if (num1 > num2por10 && br <= num2por15){
    resultado.value = num1 * 1.40;
}
 
function modificar(valor, operacion) {
    if(operacion == "+") resultado.value += valor;
    if(operacion == "-") resultado.value -= valor;
    if(operacion == "*") resultado.value *= valor;
    if(operacion == "/") resultado.value /= valor;
    // etc
}
 
modificar(3, "+");
 

Hola Fernand0! Ante todo gracias por responder Estuve viendo tu código y aplicándolo a lo que necesito pero sigue dando error, en este caso undefined, y el input "resultado" poniendolo resultado.value = num1 * 1.30; ahora no funciona y aparece "NaN".
En realidad la función se ejecuta al clickear un boton con onclick="form1()".
En otro input tendría que aparecer un segundo resultado teniendo en cuenta el primer condicional: ejemplo, estos son los elementos que faltaban

function form1(){

document.getElementById('num1').value;
var num2 = document.getElementById('num2').value;

var num2por5 = num2 * 5;
var num2por10 = num2 * 10;
var num2por15 = num2 * 15;

var resultado = document.getElementById('resultado');

if (num1 <= num2por5){
resultado.value = num1 * 1.20;
}
else if (num1 > num2por5 && br <= num2por10){
resultado.value = num1 * 1.30;
}
else if (num1 > num2por10 && br <= num2por15){
resultado.value = num1 * 1.40;
}

function modificar(valor, operacion) {
if(operacion == "+") resultado.value += valor;
if(operacion == "-") resultado.value -= valor;
if(operacion == "*") resultado.value *= valor;
if(operacion == "/") resultado.value /= valor;
// etc
}
var resultado2 = document.getElementById('resultado2').value;
calculo = modificar(3, "+");
resultado2.value = calculo;

}

No sé si me explico?

[MajitoARG]

Iniciado por Alexis88

Por lo que muestras, solo tendrías que volver a acceder al elemento y obtener su valor. También puedes almacenarlo en una variable global o estática (si trabajas con objetos o funciones constructoras) y así solo accederías al valor, evitando recorrer nuevamente el DOM.

Hola Alexis88! Gracias por responder. Ya intenté acceder al resultado hasta creando otro boton que ejecute posteriormente otra función cuando los primeros resultados de la 1ra función se muestren, pero no me funciona, y como estoy empezando con JS no puedo ver el error =(

[Fernand0]

Código Javascript:

var resultado2 = document.getElementById('resultado2');
 
function modificar(valor, operacion) {
    if(operacion == "+") return resultado.value + valor;
    else if(operacion == "-") return resultado.value - valor;
    else if(operacion == "*") return resultado.value * valor;
    else if(operacion == "/") return resultado.value / valor;
// etc
}
 
calculo = modificar(3, "+");
resultado2.value = calculo;
 

No es lo mismo

Código Javascript:

var resultado2 = document.getElementById('resultado2').value;
 

que

Código Javascript:

var resultado2 = document.getElementById('resultado2');
 

Y la funcion que te habia mostrado no devolvia un valor(return ...;), directamente modificaba el valor(resultado.value = ...).
O sea que..

Código Javascript:

calculo = modificar(3, "+");
resultado2.value = calculo;
 

no funcionaria

[Fernand0]

jsFiddle

Me olvidaba de los parseInt/parseFloat de los valores de los <input type="text"/>

Creo que es eso lo que querias..

Saludos

[Alexis88]

Iniciado por MajitoARG

[...] Ya intenté acceder al resultado hasta creando otro boton que ejecute posteriormente otra función cuando los primeros resultados de la 1ra función se muestren, pero no me funciona [...]

Al hacer esto:

Código Javascript:

else if (num1 > num2por5 && br <= num2por10){
    document.getElementById('resultado').value = num1 * 1.30;
}
 

Estás asignando el resultado de la multiplicación al elemento de id "resultado" como su valor, por lo que solo necesitaría acceder de la misma forma para recuperarlo:

Código Javascript:

var foo = document.getElementById('resultado').value; //El resultado previo
 

Si lo almacenas en una variable global, solo necesitarías acceder a ella:

Código Javascript:

var foo;
 
function bar(){
    if (num1 <= num2por5){  
        foo = num1 * 1.20;
    }
    else if (num1 > num2por5 && br <= num2por10){
        foo = num1 * 1.30;
    }
    else if (num1 > num2por10 && br <= num2por15){
        foo = num1 * 1.40;
    }
}
 
bar();
 
//En otro bloque de instrucciones
console.log(foo); //El valor almacenado
 

Si lo almacenas en una variable estática, propiedad de un objeto literal, tendrías que acceder a ella mediante la notación por puntos o corchetes:

Código Javascript:

var obj = {};
 
function bar(){
    if (num1 <= num2por5){  
        obj.foo = num1 * 1.20;
    }
    else if (num1 > num2por5 && br <= num2por10){
        obj.foo = num1 * 1.30;
    }
    else if (num1 > num2por10 && br <= num2por15){
        obj.foo = num1 * 1.40;
    }
}
 
bar();
 
//En otro bloque de instrucciones
console.log(obj.foo); //Notación por puntos
console.log(obj["foo"]); //Notación por corchetes
 

Si lo almacenas en una variable estática, propiedad de una función constructora, el caso sería el mismo que el anterior:

Código Javascript:

var $ = function(){
    if (!(this instanceof $)) return new $();
    $.foo = null;
};
 
function bar(){
    if (num1 <= num2por5){  
        $.foo = num1 * 1.20;
    }
    else if (num1 > num2por5 && br <= num2por10){
        $.foo = num1 * 1.30;
    }
    else if (num1 > num2por10 && br <= num2por15){
        $.foo = num1 * 1.40;
    }
}
 
bar();
 
//En otro bloque de instrucciones
console.log($.foo); //Notación por puntos
console.log($["foo"]); //Notación por corchetes
 

Si lo almacenas en una cookie (en una forma simple), la situación sería similar a los dos casos anteriores:

Código Javascript:

function bar(){
    if (num1 <= num2por5){  
        document.cookie = "foo=" + (num1 * 1.20);
    }
    else if (num1 > num2por5 && br <= num2por10){
        document.cookie = "foo=" + (num1 * 1.30);
    }
    else if (num1 > num2por10 && br <= num2por15){
        document.cookie = "foo=" + (num1 * 1.40);
    }
}
 
bar();
 
var galleta = document.cookie;
//En otro bloque de instrucciones
console.log(+galleta.substr(galleta.indexOf("foo") + 4));
 

Y si lo almacenas localmente, tendrías que seguir estos pasos:

Código Javascript:

localStorage.temp = localStorage.temp || JSON.stringify({foo: null});
 
var local = JSON.parse(localStorage.temp);
 
function bar(){
    if (num1 <= num2por5){  
        local.foo = num1 * 1.20;
    }
    else if (num1 > num2por5 && br <= num2por10){
        local.foo = num1 * 1.30;
    }
    else if (num1 > num2por10 && br <= num2por15){
        local.foo = num1 * 1.40;
    }
    localStorage.temp = JSON.stringify(local);
}
 
bar();
 
//En otro bloque de instrucciones
console.log(local.foo);
 

Como puedes apreciar, existen muchas formas de almacenar y recuperar valores; incluso hay otras que no he mencionado porque con cualquiera de las que he mostrado es suficiente. Tú decides.