CODIGO FUENTE DE UNA CALCULADORA EN JAVA
Enviado por cesarforero • 20 de Septiembre de 2021 • Trabajo • 645 Palabras (3 Páginas) • 233 Visitas
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Calculadora con JavaScript</title>
<link type="text/css" href="estilo.css" rel="stylesheet">
</head>
<body onload="init();">
<table class="calculadora">
<tr>
<td colspan="4"><span id="resultado"></span></td>
</tr>
<tr>
<td><button id="siete">7</button></td><td><button id="ocho">8</button></td><td><button id="nueve">9</button></td><td><button id="division">/</button></td>
</tr>
<tr>
<td><button id="cuatro">4</button></td><td><button id="cinco">5</button></td><td><button id="seis">6</button></td><td><button id="multiplicacion">*</button></td>
</tr>
<tr>
<td><button id="uno">1</button></td><td><button id="dos">2</button></td><td><button id="tres">3</button></td><td><button id="resta">-</button></td>
</tr>
<tr>
<td><button id="igual">=</button></td><td><button id="reset">C</button></td><td><button id="cero">0</button></td><td><button id="suma">+</button></td>
</tr>
<tr>
<td colspan="4"><span id="creditos">Hecho para DenisseEstrada.com</span></td>
</tr>
</table>
<script src="funcionalidad.js"></script>
</body>
</html>
.calculadora{
display:block;
margin:0 auto;
padding:20px;
background-color:#2980b9;
width:300px;
height:500px;
border-radius: 25px;
}
.calculadora td button{
display:block;
width:70px;
height: 70px;
font-size: 25px;
}
#creditos{
display:block;
padding-top:20px;
color:#fff;
text-align: center;
width:300px;
}
#resultado{
display:block;
text-align: center;
font-size: 40px;
margin-bottom: 50px;
width:300px;
height: 100px;
line-height: 100px;
background-color:#fff;
border-radius: 25px;
overflow-y: scroll;
}
//Declaramos variables
var operandoa;
var operandob;
var operacion;
function init(){
//variables
var resultado = document.getElementById('resultado');
var reset = document.getElementById('reset');
var suma = document.getElementById('suma');
var resta = document.getElementById('resta');
var multiplicacion = document.getElementById('multiplicacion');
var division = document.getElementById('division');
var igual = document.getElementById('igual');
var uno = document.getElementById('uno');
var dos = document.getElementById('dos');
var tres = document.getElementById('tres');
var cuatro = document.getElementById('cuatro');
var cinco = document.getElementById('cinco');
var seis = document.getElementById('seis');
var siete = document.getElementById('siete');
var ocho = document.getElementById('ocho');
var nueve = document.getElementById('nueve');
var cero = document.getElementById('cero');
}
//Eventos de click
uno.onclick = function(e){
resultado.textContent = resultado.textContent + "1";
}
dos.onclick = function(e){
...