1

Hola estoy haciendo el ejemplo clásico de una calculadora pero tengo problemas al procesar una función dentro de la función del botón igual (=). alguna sugerencia ?

var nunArray = [];
var newArray = [];
var operation = false;
var suma = false;
function arrayANumber(array){
var num = "";
for(var i = 0; i < array.length; i++){
    num += array[i];
}
return (parseInt(num));
}
//Accion sumar
 $('#equalsButton').click(function(){
if(suma == true){
    var result = 0;
    result = arrayANumber(numArray) + arrayANumber(newArray);
    var total = result;
    $('#display').val(result);
}else{
    $('#display').val("");
}
});

$('#addButton').click(function(){
operation = true;   
suma = true;
 $('#display').val(nunArray.join(""));

}); 
 $('#button1').click(function(){
  //probar la variable global newArray
    if (operation == true) {
        newArray.push($('#button1').val());
        $('#display').val(newArray.join(""));
    }else{
        nunArray.push($('#button1').val());
        $('#display').val(nunArray.join(""));
    }
});

------HTML------

<table>
    <tbody>
        <tr>
            <td colspan="4"><input id="display" name="display" disabled=""></td>
        </tr>

    <tr>
      <td><button id="button1" value="1">1</button></td>
      <td><button id="button2" value="2">2</button></td>
      <td><button id="button3" value="3">3</button></td>
      <td><button id="addButton">+</button></td>
    </tr>
    <tr>
      <td><button id="button4" value="4">4</button></td>
      <td><button id="button5" value="5">5</button></td>
      <td><button id="button6" value="6">6</button></td>
      <td><button id="subtractButton">-</button></td>
    </tr>
    <tr>
      <td><button id="button7" value="7">7</button></td>
      <td><button id="button8" value="8">8</button></td>
      <td><button id="button9" value="9">9</button></td>
      <td><button id="multiplyButton">*</button></td>
    </tr>
    <tr>
      <td><button id="clearButton">C</button></td>
      <td><button id="button0" value="0">0</button></td>
      <td><button id="equalsButton">=</button></td>
      <td><button id="divideButton">÷</button></td>
    </tr>
    </tbody>
</table>
2
  • Puedes poner el HTML para hacer la prueba?
    – ffflabs
    Commented el 27 dic. 2017 a las 16:05
  • Hola ya esta actualizado con el html . Gracias Commented el 27 dic. 2017 a las 16:16

1 respuesta 1

4

Te sale error porque defines la variable como nunArray y la mandas a llamar como numArray

por esa razon te sale indefined

var nunArray = [];
var newArray = [];
var operation = false;
var suma = false;

function arrayANumber(array) {
  var num = "";
  for (var i = 0; i < array.length; i++) {
    num += array[i];
  }
  return (parseInt(num));
}
//Accion sumar
$('#equalsButton').click(function() {
  if (suma == true) {
    var result = 0;
    result = arrayANumber(nunArray) + arrayANumber(newArray);
    var total = result;
    $('#display').val(result);
  } else {
    $('#display').val("");
  }
});

$('#addButton').click(function() {
  operation = true;
  suma = true;
  $('#display').val(nunArray.join(""));

});
$('#button1').click(function() {
  //probar la variable global newArray
  if (operation == true) {
    newArray.push($('#button1').val());
    $('#display').val(newArray.join(""));
  } else {
    nunArray.push($('#button1').val());
    $('#display').val(nunArray.join(""));
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <td><button id="button1" value="1">1</button></td>
      <td><button id="button2" value="2">2</button></td>
      <td><button id="button3" value="3">3</button></td>
      <td><button id="addButton">+</button></td>
    </tr>
    <tr>
      <td><button id="button4" value="4">4</button></td>
      <td><button id="button5" value="5">5</button></td>
      <td><button id="button6" value="6">6</button></td>
      <td><button id="subtractButton">-</button></td>
    </tr>
    <tr>
      <td><button id="button7" value="7">7</button></td>
      <td><button id="button8" value="8">8</button></td>
      <td><button id="button9" value="9">9</button></td>
      <td><button id="multiplyButton">*</button></td>
    </tr>
    <tr>
      <td><button id="clearButton">C</button></td>
      <td><button id="button0" value="0">0</button></td>
      <td><button id="equalsButton">=</button></td>
      <td><button id="divideButton">÷</button></td>
    </tr>
  </tbody>
</table>

1
  • Muchas gracias!! Que pequeñes jeje pero igual muchas gracias por tu aclaración Commented el 27 dic. 2017 a las 16:26

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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