diff --git b/Cuestionario/Ejercicio1.html a/Cuestionario/Ejercicio1.html new file mode 100644 index 0000000..cc60dce --- /dev/null +++ a/Cuestionario/Ejercicio1.html @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git b/Cuestionario/Ejercicio1.js a/Cuestionario/Ejercicio1.js new file mode 100644 index 0000000..10bddae --- /dev/null +++ a/Cuestionario/Ejercicio1.js @@ -0,0 +1,20 @@ +/* +1. Escribir una función en JavaScript que calcule la versión que suma en la ecuación cuadrática +(-b + sqrt(b^2 - 4ac))/2a +Entrada: a, b, c Salida: raiz cuadrática (+) +*/ + +"use strict"; + +function bMas(a,b,c) { + let respuesta = -b; + respuesta = respuesta + (b**2 - 4*a*c); + respuesta = respuesta / 2*a; + if(isNaN(respuesta)){ + return null; + }else{ + return respuesta; + } +} + +console.log(bMas(1,2,3)); diff --git b/Cuestionario/Ejercicio2.html a/Cuestionario/Ejercicio2.html new file mode 100644 index 0000000..809497b --- /dev/null +++ a/Cuestionario/Ejercicio2.html @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git b/Cuestionario/Ejercicio2.js a/Cuestionario/Ejercicio2.js new file mode 100644 index 0000000..4e34a0d --- /dev/null +++ a/Cuestionario/Ejercicio2.js @@ -0,0 +1,19 @@ +/* +2. Escribir una función en JavaScript que calcule la versión que resta en la ecuación cuadrática +(-b - sqrt(b^2 - 4ac))/2a +Entrada: a, b, c Salida: raiz cuadrática (-) +*/ +"use strict"; + +function bMenos(a,b,c) { + let respuesta = -b; + respuesta = respuesta - (b**2 - 4*a*c); + respuesta = respuesta / 2*a; + if(isNaN(respuesta)){ + return null; + }else{ + return respuesta; + } +} + +console.log(bMenos(1,2,3)); diff --git b/Cuestionario/Ejercicio3.html a/Cuestionario/Ejercicio3.html new file mode 100644 index 0000000..d7d435b --- /dev/null +++ a/Cuestionario/Ejercicio3.html @@ -0,0 +1,9 @@ + + + + + +

+ + + \ No newline at end of file diff --git b/Cuestionario/Ejercicio3.js a/Cuestionario/Ejercicio3.js new file mode 100644 index 0000000..d193aae --- /dev/null +++ a/Cuestionario/Ejercicio3.js @@ -0,0 +1,13 @@ +/* +3. Escribir una función en JavaScript que reciba un id y un string y ponga como innerHTML del elemento +con el id referenciado el valor del string +Entrada: id, string Salida: n/a +*/ +"use strict"; +//Para que funcione el innerHtml, el javascript debe estar debajo de los elementos que va a importar +function colocarHtml(ident,cadena){ + ident.innerHTML = cadena; +} + +let cuerpo = document.getElementById("parrafo"); +colocarHtml(cuerpo,"Bienenido "); diff --git b/Cuestionario/Ejercicio4.html a/Cuestionario/Ejercicio4.html new file mode 100644 index 0000000..c493212 --- /dev/null +++ a/Cuestionario/Ejercicio4.html @@ -0,0 +1,9 @@ + + + + + +

+ + + \ No newline at end of file diff --git b/Cuestionario/Ejercicio4.js a/Cuestionario/Ejercicio4.js new file mode 100644 index 0000000..83b3f4f --- /dev/null +++ a/Cuestionario/Ejercicio4.js @@ -0,0 +1,14 @@ +/* +4. Escribir una función en JavaScript que reciba un id, y ponga en el innerHTML del elemento con el id +referenciado un número aleatorio entre 1 y 100 +*/ + +"use strict"; + +function aleatorio(identi) { + let numero = 1 + parseInt(99*Math.random()); + identi.innerHTML = "Numero aleatorio: " + numero; +} + +let identi1 = document.getElementById("parrafo"); +aleatorio(identi1); \ No newline at end of file diff --git b/Cuestionario/Ejercicio5.txt a/Cuestionario/Ejercicio5.txt new file mode 100644 index 0000000..ad33b8f --- /dev/null +++ a/Cuestionario/Ejercicio5.txt @@ -0,0 +1,4 @@ +5. Qué significa que las funciones son ciudadanos de primera categoría en JavaScript? Pueden dar algún +ejemplo de ello? + + \ No newline at end of file diff --git b/Ejercicios/CalculadoraInfija/CalculadoraInfija.css a/Ejercicios/CalculadoraInfija/CalculadoraInfija.css new file mode 100644 index 0000000..32ad1d9 --- /dev/null +++ a/Ejercicios/CalculadoraInfija/CalculadoraInfija.css @@ -0,0 +1,57 @@ +.tecla{ + background: whitesmoke; + color:black; + text-align: center; + width: 60px; + height: 60px; + border: 5px black solid; + font-size: 40px; +} + +.tabla{ + width: 500px; + height: auto; + background-color: darkgray; +} + +.operacion{ + background: whitesmoke; + color:black; + text-align: center; + width: 60px; + height: 60px; + border: 5px black solid; + font-size: 40px; +} + + +.igual{ + background: #729C99; + color:black; + text-align: center; + width: 60px; + height: 60px; + border: 5px black solid; + font-size: 40px; +} + +.vacio{ + width: 60px; + height: 60px; +} + +.pantalla{ + text-align: right; + width: 490px; + border: 5px black solid; + font-size: 50px; + margin: 0px; +} + +.tituloInstrucciones{ + font-weight: bold; +} + +.instrucciones{ + margin: 0px; +} \ No newline at end of file diff --git b/Ejercicios/CalculadoraInfija/CalculadoraInfija.html a/Ejercicios/CalculadoraInfija/CalculadoraInfija.html new file mode 100644 index 0000000..e25dbfc --- /dev/null +++ a/Ejercicios/CalculadoraInfija/CalculadoraInfija.html @@ -0,0 +1,56 @@ + + + + + + + + + +

Calculadora en HTML

+
+

Ingrese valor

+ + + + + + + + + + + + + + + + + + + + + + + + + +
123+
456-
789*
0./=
+
+ +

Indicadores

+ + + + \ No newline at end of file diff --git b/Ejercicios/CalculadoraInfija/calculadorainfija.js a/Ejercicios/CalculadoraInfija/calculadorainfija.js new file mode 100644 index 0000000..d8d3fdc --- /dev/null +++ a/Ejercicios/CalculadoraInfija/calculadorainfija.js @@ -0,0 +1,339 @@ +//Esta variable sirve para cambiar de entrada de dato a numero1 o numero2 +//numero1: false, numero2: true. +let cambiar = false; +//Entradas de datos para luego ser procesados +let numero1 = ""; +let numero2 = ""; +//En esta variable se carga el resultado y se imprime en pantalla. +//Es necesario el parseFloat() para que el interprete no le reconozca a la variable +//que recibe cadena. +let resultado = parseFloat(0); +//Esta variable se carga el tipo de operación que se va a realizar. +//+: suma, -:resta, /:division, *: multiplicacion +let operacionActual = ""; +//Con esta variable se borra la pantalla, luego de presionar "=", para realizar +//nuevo calculo +let nuevoCalculo = false; + +//Esta funcion imprime en la pantalla de la calculadora +function pantCal(cadena) { + document.getElementById("pantallita").innerHTML = cadena; +} + +//Esta funcion imprime el numero 1 en la pantalla +function uno() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + if(!cambiar){ + numero1 = numero1 + "1"; + pantCal(numero1); + }else{ + numero2 = numero2 + "1"; + pantCal(numero2); + } + +} + +//Esta funcion imprime el numero 2 en la pantalla +function dos() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + if(!cambiar){ + numero1 = numero1 + "2"; + pantCal(numero1); + }else{ + numero2 = numero2 + "2"; + pantCal(numero2); + } +} + +//Esta funcion imprime el numero 3 en la pantalla +function tres() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + if(!cambiar){ + numero1 = numero1 + "3"; + pantCal(numero1); + }else{ + numero2 = numero2 + "3"; + pantCal(numero2); + } +} + +//Esta funcion imprime el numero 4 en la pantalla +function cuatro() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + if(!cambiar){ + numero1 = numero1 + "4"; + pantCal(numero1); + }else{ + numero2 = numero2 + "4"; + pantCal(numero2); + } +} + +//Esta funcion imprime el numero 5 en la pantalla +function cinco() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + if(!cambiar){ + numero1 = numero1 + "5"; + pantCal(numero1); + }else{ + numero2 = numero2 + "5"; + pantCal(numero2); + } +} + +//Esta funcion imprime el numero 6 en la pantalla +function seis() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + if(!cambiar){ + numero1 = numero1 + "6"; + pantCal(numero1); + }else{ + numero2 = numero2 + "6"; + pantCal(numero2); + } +} + +//Esta funcion imprime el numero 7 en la pantalla +function siete() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + if(!cambiar){ + numero1 = numero1 + "7"; + pantCal(numero1); + }else{ + numero2 = numero2 + "7"; + pantCal(numero2); + } +} + +//Esta funcion imprime el numero 8 en la pantalla +function ocho() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + if(!cambiar){ + numero1 = numero1 + "8"; + pantCal(numero1); + }else{ + numero2 = numero2 + "8"; + pantCal(numero2); + } +} + +//Esta funcion imprime el numero 9 en la pantalla +function nueve() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + if(!cambiar){ + numero1 = numero1 + "9"; + pantCal(numero1); + }else{ + numero2 = numero2 + "9"; + pantCal(numero2); + } +} + +//Esta funcion imprime el numero cero en la pantalla +function cero() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + //Esto es para que no se cargue el digito cero al principio de ingresar un dato + //y no ocurra error a la hora de convertir a numero flotante + if(numero1 == "" && !cambiar || numero2 =="" && cambiar){ + return; + } + if(!cambiar){ + numero1 = numero1 + "0"; + pantCal(numero1); + }else{ + numero2 = numero2 + "0"; + pantCal(numero2); + } +} + +//Esta funcion imprime la coma de los decimales en la pantalla +function punto() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + if(!cambiar){ + numero1 = numero1 + "."; + pantCal(numero1); + }else{ + numero2 = numero2 + "."; + pantCal(numero2); + } +} + +function suma() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + //Esto es por si se nos ocurre agregar una operacion antes de ingresar un valor + if(numero1 == ""){ + pantCal("Error: Ingrese valor"); + return; + } + pantCal("Suma"); + if(operacionActual == ""){ + resultado = parseFloat(numero1); + cambiar = true; + }else if(numero2 != ""){ + operar(); + } + operacionActual = "+"; +} + +function resta() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + //Esto es por si se nos ocurre agregar una operacion antes de ingresar un valor + if(numero1 == ""){ + pantCal("Error: Ingrese valor"); + return; + } + pantCal("Resta"); + if(operacionActual == ""){ + resultado = parseFloat(numero1); + cambiar = true; + }else if(numero2 != ""){ + operar(); + } + operacionActual = "-"; +} + +function multiplicacion() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + //Esto es por si se nos ocurre agregar una operacion antes de ingresar un valor + if(numero1 == ""){ + pantCal("Error: Ingrese valor"); + return; + } + pantCal("Multiplicación"); + if(operacionActual == ""){ + resultado = parseFloat(numero1); + cambiar = true; + }else if(numero2 != ""){ + operar(); + } + operacionActual = "*"; +} + +function division() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + //Esto es por si se nos ocurre agregar una operacion antes de ingresar un valor + if(numero1 == ""){ + pantCal("Error: Ingrese valor"); + return; + } + pantCal("División"); + if(operacionActual == ""){ + resultado = parseFloat(numero1); + cambiar = true; + }else if(numero2 != ""){ + operar(); + } + operacionActual = "/"; +} + +//Aqui es donde se realiza las operaciones +function operar() { + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + if(operacionActual == "+"){ + resultado = parseFloat(numero1) + parseFloat(numero2); + }else if(operacionActual == "-"){ + resultado = parseFloat(numero1) - parseFloat(numero2); + }else if(operacionActual=="*"){ + resultado = parseFloat(numero1) * parseFloat(numero2); + }else if(operacionActual=="/"){ + resultado = parseFloat(numero1) / parseFloat(numero2); + } + pantCal(resultado); + numero1 = resultado; + numero2 = ""; +} + +//Aqui es donde se imprime el resultado final +function igual(){ + if(nuevoCalculo){ + pantCal("Ingrese valor"); + nuevoCalculo = false; + return; + } + //Esto es por si se nos ocurre agregar una operacion antes de ingresar un valor + if(numero1 == ""){ + pantCal("Error: Ingrese valor"); + return; + } + if(operacionActual == "+"){ + resultado = parseFloat(numero1) + parseFloat(numero2); + }else if(operacionActual == "-"){ + resultado = parseFloat(numero1) - parseFloat(numero2); + }else if(operacionActual=="*"){ + resultado = parseFloat(numero1) * parseFloat(numero2); + }else if(operacionActual=="/"){ + resultado = parseFloat(numero1) / parseFloat(numero2); + } + //Aqui es donde se resetea los valores + pantCal("Resultado: " + resultado); + numero1 = ""; + numero2 = ""; + resultado = parseFloat(0); + cambiar = false; + operacionActual = ""; + nuevoCalculo = true; +} \ No newline at end of file diff --git b/Ejercicios/TirandoDatos/01.svg a/Ejercicios/TirandoDatos/01.svg new file mode 100644 index 0000000..c432651 --- /dev/null +++ a/Ejercicios/TirandoDatos/01.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git b/Ejercicios/TirandoDatos/02.svg a/Ejercicios/TirandoDatos/02.svg new file mode 100644 index 0000000..cdee722 --- /dev/null +++ a/Ejercicios/TirandoDatos/02.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git b/Ejercicios/TirandoDatos/03.svg a/Ejercicios/TirandoDatos/03.svg new file mode 100644 index 0000000..6b24338 --- /dev/null +++ a/Ejercicios/TirandoDatos/03.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git b/Ejercicios/TirandoDatos/04.svg a/Ejercicios/TirandoDatos/04.svg new file mode 100644 index 0000000..b7c89a4 --- /dev/null +++ a/Ejercicios/TirandoDatos/04.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git b/Ejercicios/TirandoDatos/05.svg a/Ejercicios/TirandoDatos/05.svg new file mode 100644 index 0000000..7a15831 --- /dev/null +++ a/Ejercicios/TirandoDatos/05.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git b/Ejercicios/TirandoDatos/06.svg a/Ejercicios/TirandoDatos/06.svg new file mode 100644 index 0000000..afae974 --- /dev/null +++ a/Ejercicios/TirandoDatos/06.svg @@ -0,0 +1,64 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git b/Ejercicios/TirandoDatos/tirandoDados.css a/Ejercicios/TirandoDatos/tirandoDados.css new file mode 100644 index 0000000..540468c --- /dev/null +++ a/Ejercicios/TirandoDatos/tirandoDados.css @@ -0,0 +1,46 @@ +ul li{ + list-style: none; +} + +.resultado{ + width: 60px; + height: 60px; + padding: 10px; +} + +#resultado1{ + float: left; + color: blue; +} + +#resultado2{ + float: left; + color: blue; +} + +#resultado3{ + float: left; + color: blue; +} + +#resultado4{ + float: left; + color: blue; +} + +#resultado5{ + float: left; + color: blue; +} + +#resultado6{ + float: left; + color: blue; +} + +.boton{ + font-size: 20px; + color: red; + font-weight: bold; + border: 2px black solid; +} \ No newline at end of file diff --git b/Ejercicios/TirandoDatos/tirandoDados.html a/Ejercicios/TirandoDatos/tirandoDados.html new file mode 100644 index 0000000..8e36682 --- /dev/null +++ a/Ejercicios/TirandoDatos/tirandoDados.html @@ -0,0 +1,42 @@ + + + + Tirando los dados + + + + + +

Nombre_jugador, tu lanzada salió:

+ Jugar otra vez? + + + + + + \ No newline at end of file diff --git b/Ejercicios/TirandoDatos/tirandoDados.js a/Ejercicios/TirandoDatos/tirandoDados.js new file mode 100644 index 0000000..e6cee88 --- /dev/null +++ a/Ejercicios/TirandoDatos/tirandoDados.js @@ -0,0 +1,41 @@ +"use strict" + +//Realiza la operacion aleatorio +function aleatorio() { + let resultado = 1 + parseInt(5*Math.random()); + return resultado; +} + +//Este selecciona el resultado +function seleccionado(numero) { + let resultado = document.getElementById("resultado1"); + if(numero == 2){ + resultado = document.getElementById("resultado2"); + }else if(numero == 3){ + resultado = document.getElementById("resultado3"); + }else if(numero == 4){ + resultado = document.getElementById("resultado4"); + }else if(numero == 5){ + resultado = document.getElementById("resultado5"); + }else if(numero == 6){ + resultado = document.getElementById("resultado6"); + } + return resultado; +} + +//Este imprime el resultado +function imprimirSelector(indice) { + indice.innerHTML = "Resultado = " +} + +//Pedimos el nombre del jugador +let jugador = prompt("Nombre del jugador"); +while(jugador == null || jugador == ""){ + jugador = prompt("Por favor, ingrese el nombre del jugador"); +} +document.getElementById("titulo").innerHTML = jugador + ", tu lanzada salió:" +//Realizamos la operación +let numero = aleatorio(); +console.log(numero); +let resultado = seleccionado(numero); +imprimirSelector(resultado); \ No newline at end of file diff --git b/Ejercicios/TirandoDatos/tirandoDatos.html a/Ejercicios/TirandoDatos/tirandoDatos.html new file mode 100644 index 0000000..bd0f201 --- /dev/null +++ a/Ejercicios/TirandoDatos/tirandoDatos.html @@ -0,0 +1,43 @@ + + + + Tirando los dados + + + + + +

Nombre_jugador, tu lanzada salió:

+ +

+ Jugar otra vez? +

+ + + + \ No newline at end of file diff --git b/README.md a/README.md new file mode 100644 index 0000000..b9e2ca6 --- /dev/null +++ a/README.md @@ -0,0 +1,22 @@ +# Importante +El ejercicio se divide en dos partes: la parte del cuestionario, y la parte de ejercicios. + +## Cuestionario +Los ejercicios están en la carpeta Cuestionario. +Cada ejercicio del cuestionario contiene un archivo .js y .html, para asi probar si funciona correctamente. +Los ejercicios están están numerados bajo la sintaxis EjercicioN.js y EjercicioN.html, donde N es el número del ejercicio. +Para ejecutar el correspondiente ejercicio, abra su correspondiente archivo .html. + +## Ejercicios +Los ejercicios están en la carpeta Ejercicios. +Dentro de ella, existen dos carpetas: TirandoDados y CalculadoraInfija. + +### TirandoDados +Es el ejercicio que tirar un dado y obtener el número de dato aleatoriamente. +Dentro están los archivo .js .html .css +Para ejecutar el juego, abra el archivo .html. + +### CalculadoraInfija +Es el ejercicio de la calculadora infija. +Dentro están los archivo .js .html .css. +Para ejecutar el juego, abra el archivo .html.