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í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;
}
}