[SOLUCIONADO] Formula de Excel a JS

katanaweb · #1 (**permalink**) 03/11/2019, 16:38

Estimados,

Estoy intentando armar un JS que tome valores de 4 inputs, tengo el ejemplo en un Excel, si quieren los puedo compartir por ahí, les adjunto las capturas con el detalle de las celdas (D6 y E6) que hacen al cálculo a ver si me pueden dar una mano.

https://www.dropbox.com/s/8p565bp0bczmn10/d6.jpg?dl=0
https://www.dropbox.com/s/qdgv3r30tx51m25/e6.jpg?dl=0

Cualquier ayuda me sirve, saludos!

ArturoGallegos · #2 (**permalink**) 03/11/2019, 19:38

Muy bonitas formulas pero realmente no nos ayuda en nada, si preguntas en el foro de javascript debes publicar tu código javascript, todo el código que tengas y suficiente para reproducir el problema

También explica tu problema lo mas detallado que puedas.

katanaweb · #3 (**permalink**) 04/11/2019, 06:43

Es que precisamente no se por donde comenzar, para transcribir esta fórmula:

Código:

=1-SI(D2>0,SI(D4>0,E6/(D4+D2),(D1*0.6+D3*0.4)/(D1+D3)),(D1*0.6+D3*0.4)/(D1+D3))

En JS, empecé por algo así...

Código:

	var d1 = 5000
	var d2 = 5000
	var d3 = 5000
	var d4 = 3000
	var e6 = d1 / d1 * d1 * 0.3 + d1 * 0.7 * 0.15 + (d4/d3) *  d3 * 0.5 + d3 * 0.5 * 0.3;

	var result;

	// armado de fórmula
	if (d2 > 0) {
	  if (d4 > 0) {
	  	e6 / (d4 + d2)
	  }
	}

	var s = Math.round(result * 100);

	console.log(s+"%");
	console.log(e6);

prueba230683 · #4 (**permalink**) 04/11/2019, 07:20

Si no me equivoco es así:

Código Javascript:

Ver originalvar D1 = 5000;
var D2 = 5000;
var D3 = 5000;
var D4 = 3000;
var E6 = D1 / D1 * D1 * 0.3 + D1 * 0.7 * 0.15 + (D4/D3) *  D3 * 0.5 + D3 * 0.5 * 0.3;
 
var result;
 
if(D2 > 0){
    if(D4>0){
        result = E6/(D4+D2)
    }else{
        result = (D1*0.6+D3*0.4)/(D1+D3)
    }
}else{
    result = (D1*0.6+D3*0.4)/(D1+D3)
}
 
result = 1 - result;
 
var s = Math.round(result * 100);
 
console.log(s + "%");

Teniendo en cuenta como funciona la función SI de Excel:

Código:

SI(condicion, valor_si_verdadero, valor_si_falso)

El resto es parsear los inputs con parseInt o parseFloat (en caso de que sean decimales) y asignar los valores a las variables.

katanaweb · #5 (**permalink**) 04/11/2019, 07:31

¡Que genio! Si, es funciona perfectamente, muchas gracias! Ahora entiendo como funciona, me salvaste!

katanaweb · #6 (**permalink**) 04/11/2019, 07:49

Hago una consulta más porque cuando pongo las operaciones dentro de una función el resultado cambia y deja de ser correcto, estoy haciendo algo mal?:

Código HTML:

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<label for="D1">Monthly online conversations with customers</label>
	<input type="number" name="D1" id="D1"></br>
	<label for="D2">Montly cost of online support</label>
	<input type="number" name="D2" id="D2"></br>
	<label for="D3">Monthly phone conversations with customers</label>
	<input type="number" name="D3" id="D3"></br>
	<label for="D4">Montly cost of phone support</label>
	<input type="number" name="D4" id="D4"></br>
	<label for="result">Result</label>
	<input type="text" name="result" id="result">
	<button onclick="calculate();">Calculate</button>
</body>
<script type="text/javascript">

	function calculate (){
		var D1 = document.getElementById('D1').value;
		var D2 = document.getElementById('D2').value;
		var D3 = document.getElementById('D3').value;
		var D4 = document.getElementById('D4').value;
		var E6 = D1 / D1 * D1 * 0.3 + D1 * 0.7 * 0.15 + (D4/D3) *  D3 * 0.5 + D3 * 0.5 * 0.3;
		 
		var result;
		 
		if(D2 > 0){
		    if(D4>0){
		        result = E6/(D4+D2)
		    }else{
		        result = (D1*0.6+D3*0.4)/(D1+D3)
		    }
		}else{
		    result = (D1*0.6+D3*0.4)/(D1+D3)
		}
		 
		result = 1 - result;
		 
		var s = Math.round(result * 100);
		document.getElementById('result').value = s+"%";
		 
		console.log(s + "%");
	};
</script>

tuadmin · #7 (**permalink**) 04/11/2019, 07:57

Cita:

Iniciado por katanaweb

Hago una consulta más porque cuando pongo las operaciones dentro de una función el resultado cambia y deja de ser correcto, estoy haciendo algo mal?:

Código HTML:

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<label for="D1">Monthly online conversations with customers</label>
	<input type="number" name="D1" id="D1"></br>
	<label for="D2">Montly cost of online support</label>
	<input type="number" name="D2" id="D2"></br>
	<label for="D3">Monthly phone conversations with customers</label>
	<input type="number" name="D3" id="D3"></br>
	<label for="D4">Montly cost of phone support</label>
	<input type="number" name="D4" id="D4"></br>
	<label for="result">Result</label>
	<input type="text" name="result" id="result">
	<button onclick="calculate();">Calculate</button>
</body>
<script type="text/javascript">

	function calculate (){
		var D1 = document.getElementById('D1').value;
		var D2 = document.getElementById('D2').value;
		var D3 = document.getElementById('D3').value;
		var D4 = document.getElementById('D4').value;
		var E6 = D1 / D1 * D1 * 0.3 + D1 * 0.7 * 0.15 + (D4/D3) *  D3 * 0.5 + D3 * 0.5 * 0.3;
		 
		var result;
		 
		if(D2 > 0){
		    if(D4>0){
		        result = E6/(D4+D2)
		    }else{
		        result = (D1*0.6+D3*0.4)/(D1+D3)
		    }
		}else{
		    result = (D1*0.6+D3*0.4)/(D1+D3)
		}
		 
		result = 1 - result;
		 
		var s = Math.round(result * 100);
		document.getElementById('result').value = s+"%";
		 
		console.log(s + "%");
	};
</script>

te olvidaste de los benditos parentesis, aunque no lo creas suelen ver lenguajes de programacion que interpretan, de diferente manera las operaciones matematicas, por ello es necesario SIEMPRE agruparlos, en el orden que iran

no es lo mismo

1+1*2+1
que
1+(1*2)+1

son resultados distintos, usa siempre parentesis cuando se trate de Numeros, ejejej por estos errores, es que se matan a veces en paises.

prueba230683 · #8 (**permalink**) 04/11/2019, 08:17

@tuadmin, en este caso no es por los paréntesis, ya que sí que le funcionó antes.

El problema es que no está parseando los inputs como números. Para ello, simplemente usa la función parseInt:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <label for="D1">Monthly online conversations with customers</label>
    <input type="number" name="D1" id="D1"></br>
    <label for="D2">Montly cost of online support</label>
    <input type="number" name="D2" id="D2"></br>
    <label for="D3">Monthly phone conversations with customers</label>
    <input type="number" name="D3" id="D3"></br>
    <label for="D4">Montly cost of phone support</label>
    <input type="number" name="D4" id="D4"></br>
    <label for="result">Result</label>
    <input type="text" name="result" id="result">
    <button onclick="calculate();">Calculate</button>
</body>
<script type="text/javascript">
 
    function calculate (){
        var D1 = parseInt(document.getElementById('D1').value);
        var D2 = parseInt(document.getElementById('D2').value);
        var D3 = parseInt(document.getElementById('D3').value);
        var D4 = parseInt(document.getElementById('D4').value);
        var E6 = D1 / D1 * D1 * 0.3 + D1 * 0.7 * 0.15 + (D4/D3) *  D3 * 0.5 + D3 * 0.5 * 0.3;
         
        var result;
         
        if(D2 > 0){
            if(D4>0){
                result = E6/(D4+D2)
            }else{
                result = (D1*0.6+D3*0.4)/(D1+D3)
            }
        }else{
            result = (D1*0.6+D3*0.4)/(D1+D3)
        }
         
        result = 1 - result;
         
        var s = Math.round(result * 100);
        document.getElementById('result').value = s+"%";
         
        console.log(s + "%");
    };
</script>

Ahora sí arroja el mismo resultado que antes.

Te recuerdo que si quieres usar números decimales en vez de enteros deberás cambiar parseInt por parseFloat.

Un saludo

katanaweb · #9 (**permalink**) 04/11/2019, 08:39

Ahora si, muchas gracias! Si le estaba dando vueltas a los parentesis y no lo lograba. Muchas gracias! Ya lo tengo funcionando!