From a58a7a49c6458ed51603d661d9c806d782378c3e Mon Sep 17 00:00:00 2001 From: roshka Date: Tue, 16 Oct 2018 17:04:12 -0300 Subject: [PATCH] tarea de la calculadora --- Calculadora/#README.md# | 3 +++ Calculadora/README.md | 0 Calculadora/calcu.css | 21 +++++++++++++++++++++ Calculadora/calculadora.html | 45 +++++++++++++++++++++++++++++++++++++++++++++ Calculadora/funciones.js | 104 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 173 insertions(+) create mode 100644 Calculadora/#README.md# create mode 100644 Calculadora/README.md create mode 100644 Calculadora/calcu.css create mode 100644 Calculadora/calculadora.html create mode 100644 Calculadora/funciones.js diff --git a/Calculadora/#README.md# b/Calculadora/#README.md# new file mode 100644 index 0000000..ae4c1ee --- /dev/null +++ b/Calculadora/#README.md# @@ -0,0 +1,3 @@ +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. diff --git a/Calculadora/README.md b/Calculadora/README.md new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/Calculadora/README.md diff --git a/Calculadora/calcu.css b/Calculadora/calcu.css new file mode 100644 index 0000000..4ebb1b8 --- /dev/null +++ b/Calculadora/calcu.css @@ -0,0 +1,21 @@ +.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 diff --git a/Calculadora/calculadora.html b/Calculadora/calculadora.html new file mode 100644 index 0000000..bd1ff52 --- /dev/null +++ b/Calculadora/calculadora.html @@ -0,0 +1,45 @@ + + + + + Calculadora + + + +
+

CALCULADORA Improvisada

+
+
+ + + + +
+
+
+ + + +
+ + + + +
+ + + + +
+ + + + +
+ + +
+
+ + + \ No newline at end of file diff --git a/Calculadora/funciones.js b/Calculadora/funciones.js new file mode 100644 index 0000000..00894d1 --- /dev/null +++ b/Calculadora/funciones.js @@ -0,0 +1,104 @@ +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 -- libgit2 0.26.0