Skip to content

J
js-e002
Commit a58a7a49 by roshka
Options

tarea de la calculadora

parent eaf19b33
Showing with 176 additions and 0 deletions
Calculadora/#README.md# 0 → 100644
Para poder utilizar la calculadora tiene que seleccionr el archivo calculadora,
solamente que por algun motivo al seleccionar un operador borra todo el campo.
No me dio tiempo de terminar entonces cuando tenga tiempo voy a actualizar la tarea para poder arreglar ese problema.
Calculadora/calcu.css 0 → 100644
.calculadora { border: 3px red ridge; width: 250px; text-align: center;
background-color: bisque; }
.calculadora button{
height: 50px;
width: 50px;
}
#resultado{
display:block;
text-align: center;
font-size: 40px;
margin-bottom: 5px;
width:242px;
height: 100px;
line-height: 100px;
background-color:whitesmoke;
border-radius: 25px;
}
.calculadora input.ancho{
width: 150px;
text-align: center;
}
\ No newline at end of file
Calculadora/calculadora.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Calculadora</title>
<link rel="stylesheet" type="text/css" href="calcu.css">
</head>
<body onload="variables();">
<center>
<h1>CALCULADORA Improvisada</h1>
<div class="calculadora">
<div>
<table>
<tr>
<td colspan="4"><span id="resultado"></span></td>
</tr>
</table>
</div>
<br>
<button id="borrar">CE</button>
<button id="division">/</button>
<button id="multi">*</button>
<br>
<button id="siete">7</button>
<button id="ocho">8</button>
<button id="nueve">9</button>
<button id="resta">-</button>
<br>
<button id="cuatro">4</button>
<button id="cinco">5</button>
<button id="seis">6</button>
<button id="suma">+</button>
<br>
<button id="uno">1</button>
<button id="dos">2</button>
<button id="tres">3</button>
<button id="igual">=</button>
<br>
<button id="cero">0</button>
<button id="punto">.</button>
</div>
</center>
<script src="funciones.js"></script>
</body>
</html>
\ No newline at end of file
Calculadora/funciones.js 0 → 100644
function variables() {
var resultado = document.getElementById('resultado');
var suma = document.getElementById('suma');
var borrar = document.getElementById('borrar');
var resta = document.getElementById('resta');
var multi = document.getElementById('multi');
var division = document.getElementById('division');
var igual = document.getElementById('igual');
var punto = document.getElementById('punto');
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');
}
var operandor1;
var operandor2;
var operacion;
punto.onclick=function(e){
resultado.textContent = resultado.textContent + ".";
}
cero.onclick=function(e){
resultado.textContent = resultado.textContent + "0";
}
uno.onclick = function(e){
resultado.textContent = resultado.textContent + "1";
}
dos.onclick = function(e){
resultado.textContent = resultado.textContent + "2";
}
tres.onclick = function(e){
resultado.textContent = resultado.textContent + "3";
}
cuatro.onclick = function(e){
resultado.textContent = resultado.textContent + "4";
}
cinco.onclick = function(e){
resultado.textContent = resultado.textContent + "5";
}
seis.onclick = function(e){
resultado.textContent = resultado.textContent + "6";
}
siete.onclick = function(e){
resultado.textContent = resultado.textContent + "7";
}
ocho.onclick = function(e){
resultado.textContent = resultado.textContent + "8";
}
nueve.onclick = function(e){
resultado.textContent = resultado.textContent + "9";
}
borrar.onclick = function(e){
borrar();
}
suma.onclick = function(e){
operandor1 = resultado.textContent;
operacion = "+";
borrar();
}
resta.onclick = function(e){
operandor1 = resultado.textContent;
operacion = "-";
borrar();
}
multi.onclick = function(e){
operandor1 = resultado.textContent;
operacion = "*";
borrar();
}
division.onclick = function(e){
operandor1 = resultado.textContent;
operacion = "/";
borrar();
}
igual.onclick = function(e){
operandor2 = resultado.textContent;
borrar();
}
function borrar() {
resultado.textContent=" ";
}
function operaciones(params) {
var ecuacion = 0;
switch (operacion) {
case "+":
ecuacion = parseFloat(operandor1)+parseFloat(operandor2);
break;
case "-":
ecuacion = parseFloat(operandor1)-parseFloat(operandor2);
break;
case "*":
ecuacion = parseFloat(operandor1)*parseFloat(operandor2);
break;
case "/":
ecuacion = parseFloat(operandor1)/parseFloat(operandor2);
break;
}
resultado.textContent = ecuacion;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment