Trying to make a calculator with javascript but doesn't give any results

Viewed 40

I'm practicing if statements and I'm trying to make a calculator. I can enter the numbers but clicking on the add, subtract, multiply or divide buttons does not give me any results. I know there are easier ways to do it but it was just for practice. What have I done wrong?

function operar(boton) {

  var num1, num2, resultado;

  num1 = document.getElementById("num1");
  num2 = document.getElementById("num2");
  resultado = document.getElementById("resultado");

  if (boton.value == '+') {
    resultado.value = Number(num1.value) + Number(num2.value);
  } else {
    if (boton.value == '-') {
      resultado.value = Number(num1.value) - Number(num2.value);
    } else {
      if (boton.value == '*') {
        resultado.value = Number(num1.value) * Number(num2.value);
      } else {
        if (boton.value == '/') {
          resultado.value = Number(num1.value) / Number(num2.value);

        }
      }
    }
  }
}
<form>
  <div>
    <label>Número 1</label>
    <input id="num1" type="text" />
  </div>
  <div>
    <label>Número 2</label>
    <input id="num2" type="text" />
  </div>

  <input type="button" value="+" onclick="operar(this)" />
  <input type="button" value="-" onclick="operar(this)" />
  <input type="button" value="*" onclick="operar(this)" />
  <input type="button" value="/" onclick="operar(this)" />

  <div>
    <label>Resultado</label>
    <input type="text" id="resultado" />
  </div>

</form>

1 Answers

The snippet you gave here, this code is running perfectly. What else do you want to do?

Related