From 2563cd107e471efea9692af94c9a7bf33b8bec35 Mon Sep 17 00:00:00 2001 From: silviabarrientos Date: Thu, 3 Sep 2020 21:07:49 -0400 Subject: [PATCH] add js --- JavaScript 2/README.md | 6 ++++++ JavaScript 2/calculadora/calculadora.html | 47 +++++++++++++++++++++++++++++++++++++++++++++++ JavaScript 2/calculadora/javaScript2.js | 95 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ JavaScript 2/calculadora/styles.css | 30 ++++++++++++++++++++++++++++++ 4 files changed, 178 insertions(+) create mode 100644 JavaScript 2/README.md create mode 100644 JavaScript 2/calculadora/calculadora.html create mode 100644 JavaScript 2/calculadora/javaScript2.js create mode 100644 JavaScript 2/calculadora/styles.css diff --git a/JavaScript 2/README.md b/JavaScript 2/README.md new file mode 100644 index 0000000..f952ab9 --- /dev/null +++ b/JavaScript 2/README.md @@ -0,0 +1,6 @@ +Instrucciones + +-Selecionar carpeta de proyecto. +-Abrir carpeta de proyecto en el editor de texto preferido. +-Ubicarse en el archivo raiz y ejecutar el archivo .html. + diff --git a/JavaScript 2/calculadora/calculadora.html b/JavaScript 2/calculadora/calculadora.html new file mode 100644 index 0000000..8748dc2 --- /dev/null +++ b/JavaScript 2/calculadora/calculadora.html @@ -0,0 +1,47 @@ + + + + + Calculadora + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ +
+ + \ No newline at end of file diff --git a/JavaScript 2/calculadora/javaScript2.js b/JavaScript 2/calculadora/javaScript2.js new file mode 100644 index 0000000..df42a86 --- /dev/null +++ b/JavaScript 2/calculadora/javaScript2.js @@ -0,0 +1,95 @@ +var operacion = ""; +var numero1 = 0; +var numero2 = 0; + + +function init(){ + var resultado = document.getElementById("resultado"); + var cero = document.getElementById("cero"); + 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 suma = document.getElementById("suma"); + var resta = document.getElementById("resta"); + var division = document.getElementById("division"); + var multiplicacion = document.getElementById("multiplicacion"); + var esigual = document.getElementById("esigual"); + + cero.onclick = function(){ + resultado.textContent = "0"; + } + uno.onclick = function(){ + resultado.textContent = "1"; + } + dos.onclick = function(){ + resultado.textContent = "2"; + } + tres.onclick = function(){ + resultado.textContent = "3"; + } + cuatro.onclick = function(){ + resultado.textContent = "4"; + } + cinco.onclick = function(){ + resultado.textContent = "5"; + } + seis.onclick = function(){ + resultado.textContent = "6"; + } + siete.onclick = function(){ + resultado.textContent = "7"; + } + ocho.onclick = function(){ + resultado.textContent = "8"; + } + nueve.onclick = function(){ + resultado.textContent = "9"; + } + suma.onclick = function(){ + numero1 = resultado.textContent; + resultado.textContent = "+"; + operacion = "+"; + } + resta.onclick = function(){ + numero1 = resultado.textContent; + resultado.textContent = "-"; + operacion = "-"; + } + division.onclick = function(){ + numero1 = resultado.textContent; + resultado.textContent = "/"; + operacion = "/"; + } + multiplicacion.onclick = function(){ + numero1 = resultado.textContent; + resultado.textContent = "*"; + operacion = "*"; + } + esigual.onclick = function(){ + numero2 = resultado.textContent; + switch(operacion){ + case "+": + resultado.textContent = parseInt(numero1) + parseInt(numero2); + break; + case "-": + resultado.textContent = parseInt(numero1) - parseInt(numero2); + break; + case "/": + resultado.textContent = parseInt(numero1) / parseInt(numero2); + break; + case "*": + resultado.textContent = parseInt(numero1) * parseInt(numero2); + break; + } + + } + + + +} \ No newline at end of file diff --git a/JavaScript 2/calculadora/styles.css b/JavaScript 2/calculadora/styles.css new file mode 100644 index 0000000..437f5cc --- /dev/null +++ b/JavaScript 2/calculadora/styles.css @@ -0,0 +1,30 @@ + + + +.calculadora { + display: flex; + justify-content: center; + margin-top: 35px +} + +button { + margin: 2px 0px; + padding: 15px 24px; + font-size: 15px; +} + + +.teclas { + display: grid; + justify-content: center; + width: 250px; + background-color: black; +} + + +.pantalla { + width: 220px; + height: 100px; + background-color: gray; + border: 1px solid black; +} \ No newline at end of file -- libgit2 0.26.0