From 002bec991e0dec2ba62b059e3d8915f797c89dba Mon Sep 17 00:00:00 2001 From: silviabarrientos Date: Thu, 3 Sep 2020 21:02:16 -0400 Subject: [PATCH] add js --- JavaScript/Ejercicio1/ejercicio1.html | 22 ++++++++++++++++++++++ JavaScript/Ejercicio1/javaScript.js | 32 ++++++++++++++++++++++++++++++++ JavaScript/Ejercicio1/styles.css | 6 ++++++ JavaScript/README.md | 6 ++++++ JavaScript/calculadora/calculadora.html | 47 +++++++++++++++++++++++++++++++++++++++++++++++ JavaScript/calculadora/javaScript2.js | 95 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ JavaScript/calculadora/styles.css | 30 ++++++++++++++++++++++++++++++ 7 files changed, 238 insertions(+) create mode 100644 JavaScript/Ejercicio1/ejercicio1.html create mode 100644 JavaScript/Ejercicio1/javaScript.js create mode 100644 JavaScript/Ejercicio1/styles.css create mode 100644 JavaScript/README.md create mode 100644 JavaScript/calculadora/calculadora.html create mode 100644 JavaScript/calculadora/javaScript2.js create mode 100644 JavaScript/calculadora/styles.css diff --git a/JavaScript/Ejercicio1/ejercicio1.html b/JavaScript/Ejercicio1/ejercicio1.html new file mode 100644 index 0000000..0422985 --- /dev/null +++ b/JavaScript/Ejercicio1/ejercicio1.html @@ -0,0 +1,22 @@ + + + + + + JavaScript + + + + + +
+
+ + + +
+ +
+ + + diff --git a/JavaScript/Ejercicio1/javaScript.js b/JavaScript/Ejercicio1/javaScript.js new file mode 100644 index 0000000..51bf602 --- /dev/null +++ b/JavaScript/Ejercicio1/javaScript.js @@ -0,0 +1,32 @@ + +function init(){ + var calcular = document.getElementById("calcular"); + + + calcular.onclick = function() { + var x = 5; + var y = 2; + + + var operaciones = parseInt(x) + parseInt(y); + + console.log("La suma de x más y: " + operaciones); + + var operaciones = x - y; + console.log("La resta de x menos y: " + operaciones); + + var operaciones = x * y; + console.log("La multiplicacion de x por y: " + operaciones); + + + var operaciones = x / y; + console.log("La division de x entre y: " + operaciones); + + + console.log("x elevado a la potencia de y: " + Math.pow(x, y)); + + var operaciones = x % y; + console.log("El resto de la división entera entre x e y: " + operaciones); + + } +} diff --git a/JavaScript/Ejercicio1/styles.css b/JavaScript/Ejercicio1/styles.css new file mode 100644 index 0000000..d51fb12 --- /dev/null +++ b/JavaScript/Ejercicio1/styles.css @@ -0,0 +1,6 @@ +.contenedor { + width: 100px; + margin: 50px; + height: 100px; + text-align: center; +} \ No newline at end of file diff --git a/JavaScript/README.md b/JavaScript/README.md new file mode 100644 index 0000000..f952ab9 --- /dev/null +++ b/JavaScript/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/calculadora/calculadora.html b/JavaScript/calculadora/calculadora.html new file mode 100644 index 0000000..8748dc2 --- /dev/null +++ b/JavaScript/calculadora/calculadora.html @@ -0,0 +1,47 @@ + + + + + Calculadora + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ +
+ + \ No newline at end of file diff --git a/JavaScript/calculadora/javaScript2.js b/JavaScript/calculadora/javaScript2.js new file mode 100644 index 0000000..df42a86 --- /dev/null +++ b/JavaScript/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/calculadora/styles.css b/JavaScript/calculadora/styles.css new file mode 100644 index 0000000..437f5cc --- /dev/null +++ b/JavaScript/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