Problema con función en javascript

VerGuchi · #1 (**permalink**) 08/02/2016, 22:22

Hola, buenas noches, tengo una pequeña calculadora y el problema es que al momento de aplastar el botón (=) no me muestra el resultado en la caja más grande:
Aquí la vista previa "funcionando": http://systemout.mx/UES/6to/ProgWeb/Calcu/
Lo que quiero es que el resultado de la operación que se cree arriba aparezca en el 2do cuadro, ¿alguien me podría ayudar?

Código HTML:

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="css/style.css" type="text/css" rel="stylesheet" />
<script language="JavaScript" type="text/javascript" src="js/calculadora.js"></script
</head>

<body>
<table width="200" height="230" border="0">
  <tr>
    <td colspan="4"><div class="TiempoReal"> </div></td>
  </tr>
  <tr>
    <td colspan="4"><div class="res"> </div></td>
  </tr>
  <tr>
    <td><div align="center"><input type="button" onclick="Numero('7')" value="7" name="txt7" class="boton"></div></td>
    <td><div align="center"><input type="button" onclick="Numero('8')" value="8" name="txt8" class="boton"></div></td>
    <td><div align="center"><input type="button" onclick="Numero('9')" value="9" name="txt9" class="boton"></div></td>
    <td><div align="center"><input type="button" onclick="Numero('/')" value="/" name="txtDivi" class="signos"></div></td>
  </tr>
  <tr>
    <td><div align="center"><input type="button" onclick="Numero('4')" value="4" name="txt4" class="boton"></div></td>
    <td><div align="center"><input type="button" onclick="Numero('5')" value="5" name="txt5" class="boton"></div></td>
    <td><div align="center"><input type="button" onclick="Numero('6')" value="6" name="txt6" class="boton"></div></td>
    <td><div align="center"><input type="button" onclick="Numero('*')" value="*" name="txtMult" class="signos"></div></td>
  </tr>
  <tr>
    <td><div align="center"><input type="button" onclick="Numero('1')" value="1" name="txt1" class="boton"></div></td>
    <td><div align="center"><input type="button" onclick="Numero('2')" value="2" name="txt2" class="boton"></div></td>
    <td><div align="center"><input type="button" onclick="Numero('3')" value="3" name="txt3" class="boton"></div></td>
    <td><div align="center"><input type="button" onclick="Numero('-')" value="-" name="txtMenos" class="signos"></div></td>
  </tr>
  <tr>
    <td><div align="center"><input type="button" onclick="Numero('0')" name="txt0" value="0" class="boton"></div></td>
    <td><div align="center"><input type="button" onclick="Numero('C')" name="txtC" value="C" class="signos"></div></td>
    <td><div align="center"><input type="button" value="=" onclick="Calc('=')" name="txtIgual" class="signos"></div></td>
    <td><div align="center"><input type="button" value="+" onclick="Numero('+')" name="txtSuma" class="signos"></div></td>
  </tr>
</table>
</body>
</html>

JS:

Código PHP:

  function Numero(tecla){

    var listaNodosPantalla = document.getElementsByClassName("TiempoReal");

    var nodoTextoPantalla = listaNodosPantalla[0].firstChild;

    switch(tecla) {

        case 'C':

            nodoTextoPantalla.nodeValue = ' ';

        break;

        case '=':

        var resultado = eval(nodoTextoPantalla.nodeValue);

            nodoTextoPantalla.nodeValue = resultado;

            

        break;

        default:

            nodoTextoPantalla.nodeValue = nodoTextoPantalla.nodeValue + tecla;

        break;

    }

}

ZedGe1505 · #2 (**permalink**) 09/02/2016, 06:08

No te funciona por que no tienes definida la función

Código HTML:

Ver originalCalc('=')