<html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--Creado para HxC --> <head> <title> Primer Tutorial HxC </title><!--etiqueta HTML para incluir el documento Javascript --> <script src="js/nucleo.js" type="text/Javascript"></script><!--Enlace desde HTML para incluir el documento css como una semilla de estilos--> <link href="css/estilo.css" rel="stylesheet" type="text/css" /> </head> <body> </body> </html>
<div id="calculadora"> <input type="text" value="0" id="pantalla"/><br/> <input type="button" value="7" class="boton" onclick=""/> <input type="button" value="8" class="boton" onclick=""/> <input type="button" value="9" class="boton" onclick=""/> <input type="button" value="/" class="boton" onclick=""/><br/> <input type="button" value="4" class="boton" onclick=""/> <input type="button" value="5" class="boton" onclick=""/> <input type="button" value="6" class="boton" onclick=""/> <input type="button" value="*" class="boton" onclick=""/><br/> <input type="button" value="1" class="boton" onclick=""/> <input type="button" value="2" class="boton" onclick=""/> <input type="button" value="3" class="boton" onclick=""/> <input type="button" value="-" class="boton" onclick=""/><br/> <input type="button" value="0" class="boton" onclick=""/> <input type="button" value="." class="boton" onclick=""/> <input type="button" value="=" class="boton" onclick=""/> <input type="button" value="+" class="boton" onclick=""/> </div>
var bandera;var numeroGuardado;function agregarNumero(numero) { if (pantalla.value == "0") { pantalla.value = numero; } else { pantalla.value = pantalla.value + numero; } }}function activarBandera(Bandera) { bandera = Bandera; numeroGuardado = parseFloat(pantalla.value); pantalla.value = 0; }function ejecutarOperacion() { switch(bandera){ case "suma": pantalla.value = parseFloat(pantalla.value) + numeroGuardado; break; case "multiplica": pantalla.value = parseFloat(pantalla.value) * numeroGuardado; break; case "resta": pantalla.value = numeroGuardado - parseFloat(pantalla.value); break; case "division": pantalla.value = numeroGuardado / parseFloat(pantalla.value); break; }}
<div id="calculadora"> <input type="text" value="0" id="pantalla"/><br/> <input type="button" value="7" class="boton" onclick=" agregarNumero('7')"/> <input type="button" value="8" class="boton" onclick=" agregarNumero('8')"/> <input type="button" value="9" class="boton" onclick=" agregarNumero('9')"/> <input type="button" value="/" class="boton" onclick="activarBandera('divide')"/><br/> <input type="button" value="4" class="boton" onclick=" agregarNumero('4')"/> <input type="button" value="5" class="boton" onclick=" agregarNumero('5')"/> <input type="button" value="6" class="boton" onclick=" agregarNumero('6')"/> <input type="button" value="*" class="boton" onclick="activarBandera('multiplica')"/><br/> <input type="button" value="1" class="boton" onclick=" agregarNumero('1')"/> <input type="button" value="2" class="boton" onclick=" agregarNumero('2')"/> <input type="button" value="3" class="boton" onclick=" agregarNumero('3')"/> <input type="button" value="-" class="boton" onclick="activarBandera('resta')"/><br/> <input type="button" value="0" class="boton" onclick=" agregarNumero('0')"/> <input type="button" value="." class="boton" onclick=" agregarNumero('.')"/> <input type="button" value="=" class="boton" onclick="ejecutarOperacion()"/> <input type="button" value="+" class="boton" onclick="activarBandera('suma')"/> </div>