4

Lo que pretendo es coger los números de un <input> y posteriormente operarlos directamente desde JavaScript:

Si por ejemplo en el <input> se introduce ((2+2)/4)*3 que la respuesta sea: 3


Solución basándome en las respuestas recibidas e concluido la siguiente solución a la pregunta:

Javascript:

function calc() {

    //Coger el valor del input
    var value = document.getElementById("value").value;

    //Operar los datos recogidos
    var operation = eval(value); 

        //Mostrar el resultado
        alert(operation); 
}

HTML:

<body>
    <input id="value" type="number">
    <button id="calculate" onclick="calc()">Calculate</button>
</body>
9
  • Hola @Javi, deberías dejar también el problema inicial en tu pregunta ya que si no las respuestas dejan de tener validez para la misma. Para eso sirve agregar una respuesta como aceptada, para indicar a los usuarios la respuesta que te ha resuelto tu duda. En caso de que utilizaras otra respuesta distinta, en ese caso deberías de responder con tu propia respuesta a tu pregunta. Un saludo :) el 3 dic. 2016 a las 16:24
  • Gracias @Error404 lo tendré en cuenta!
    – lromeraj
    el 3 dic. 2016 a las 16:46
  • 1
    Si, de hecho ahora lo estoy editando
    – lromeraj
    el 3 dic. 2016 a las 16:48
  • 1
    Mariano creo que te has equivocado, puede que tengan relación entre sí, pero no son tan iguales como para marcarlo como duplicado.
    – lromeraj
    el 3 dic. 2016 a las 17:36
  • 1
    No es lo mismo porque yo no pretendo hacer nada en tiempo real y tampoco que estén sincronizados el js con PHP, además creo que algún usuario que tenga una duda de este tipo le aclarara mucho más las cosas esta pregunta que esa otra para hacer algo sencillo
    – lromeraj
    el 3 dic. 2016 a las 17:56

2 respuestas 2

5

Podrías recoger el valor directamente del input y usar la función eval.

var tuInput = document.getElementById("tuInput");
var operacion = tuInput.value;
var suma = eval(operacion);
4
  • 1
    Gracias por la respuesta! Funciona bien gracias
    – lromeraj
    el 3 dic. 2016 a las 14:45
  • 3
    Éste es el gran peligro de eval: evaluar entradas sin sanearlas antes. Debes tener muchísimo cuidado con dónde y cómo usas código como éste porque puede acarrear problemas de seguridad.
    – Alvaro Montoro
    el 3 dic. 2016 a las 14:57
  • @AlvaroMontoro Si, por supuesto habrá que realizar una comprobación para validar que los datos que se quieren evaluar son correctos. Gracias por recalcar este punto. Yo no lo había añadido porque creo que cada uno debería de utilizar las validaciones que correspondan con su código. el 3 dic. 2016 a las 15:22
  • Es cierto lo que decís, pero el uso que le voy a dar a 'eval()' es solamente para operaciones realizadas en el navegador y no en el servidor, es decir, es para hacer simples cálculos, lo uso como iniciativas mías para aprender cosas nuevas
    – lromeraj
    el 3 dic. 2016 a las 16:27
0

Puedes usar el constructor Function:

var sumar = document.getElementById("sumar").value;
console.log(new Function('return ' + sumar)());
<input type="text" id="sumar" value="(2+2)/2">

3
  • Gracias por tu aportación también Aldanux!
    – lromeraj
    el 3 dic. 2016 a las 14:46
  • Nunca he usado este método antes, pero parece que potencialmente podría tener los mismos problemas de seguridad que eval.
    – Alvaro Montoro
    el 3 dic. 2016 a las 15:02
  • @AlvaroMontoro - Es cierto es similar al eval() (evil) pero en este caso no tiene peligro ninguno. el 3 dic. 2016 a las 15:32

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.