From e84244c3c654bfb815445db3b02f8a571d0c2da0 Mon Sep 17 00:00:00 2001 From: More4time Date: Tue, 16 Aug 2022 10:19:22 -0300 Subject: [PATCH 1/6] Enviar a git remoto Enviando todos los archivos --- Pruebas-Lauta.js | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 Pruebas-Lauta.js diff --git a/Pruebas-Lauta.js b/Pruebas-Lauta.js new file mode 100644 index 00000000..e69de29b From d65bbf06542d4188459e8923bfa1caeae5b760b7 Mon Sep 17 00:00:00 2001 From: More4time Date: Tue, 16 Aug 2022 16:27:05 -0300 Subject: [PATCH 2/6] Tarea Clase- 7 Enviando tarea 7 --- index.html | 2 +- js/main.js | 45 +++++++++++++++++++++++++++++++++++++++++++++ js/pruebas.js | 39 +++++++++++++++++++++++++++++++++++++-- 3 files changed, 83 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 75772b2a..36893c23 100644 --- a/index.html +++ b/index.html @@ -105,7 +105,7 @@ - + diff --git a/js/main.js b/js/main.js index e69de29b..c2421bb8 100644 --- a/js/main.js +++ b/js/main.js @@ -0,0 +1,45 @@ + + +const $form = document.querySelector("#carta-a-santa"); + +const ciudad = $form.ciudad.value; +const nombre = document.querySelector("#nombre").value; +const comportamiento = $form.comportamiento.value; +const descripcionRegalo = $form["descripcion-regalo"].value + + + + +function validarNombre(nombre){ + if (nombre.length === 0) { + return "El nombre tiene que tener al menos 1 caracter" + } + + if (nombre.length >= 50) { + return "El nombre tiene que tener menos de 50 caracteres" + } + return " "; +} + + + +function validarCiudad(ciudad){ + + if(ciudad.length === 0){ + return "No seleccionaste ninguna provincia" + } + + return " "; +} + +function validarDescripcionRegalo(descripcion){ + if(descripcion.length === 0){ + return "Tienes que escribir la descripción del regalo." + } + if(descripcion.length >= 100){ + return "Tiene que ser menor a 100 caracteres." + } + + return " "; +} + diff --git a/js/pruebas.js b/js/pruebas.js index 9cbb4229..7256a452 100644 --- a/js/pruebas.js +++ b/js/pruebas.js @@ -1,15 +1,50 @@ function probarValidarNombre() { console.assert( - validarNombre('') === 'Este campo debe tener al menos 1 caracter', + validarNombre("") === 'Este campo debe tener al menos 1 caracter', 'Validar nombre no validó que el nombre no sea vacío', ); console.assert( - validarNombre( + validarNombre( '111111111111111111111111111111111111111111111111111111111111111111111111111111111111111') === 'Este campo debe tener menos de 50 caracteres', 'Validar nombre no validó que el nombre sea menor a 50 caracteres', ); + + console.assert( + validarNombre("fabricio") === " ", + " ", + ) +} + + + +function probarValidarCiudad(){ + console.assert( + validarCiudad("") === "Debes completar la provincia", + 'Validar ciudad no validó que la ciudad sea igual a vacio', + ) +} + + + +function probarValidarDescripcionRegalo(){ + console.assert( + validarDescripcionRegalo("") === "Tienes que completar la descripción del regalo", + 'Validar descripcion no validó que la desceipcion sea igual a vacio', + + ); + + console.assert( + validarDescripcionRegalo(111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111) === + "Este campto debe tener menos de 100 caracteres", + 'Validar descripcion no validó que la descripcion sea igual a mayor a 100 caracteres', + + ); } probarValidarNombre(); +probarValidarCiudad(); +probarValidarDescripcionRegalo(); + + From c6d274382ae713e0c7e4773da894e71baec01711 Mon Sep 17 00:00:00 2001 From: More4time Date: Tue, 16 Aug 2022 16:42:27 -0300 Subject: [PATCH 3/6] Arreglos de clase 7 Para que la consola no me de error. El return de las funciones tiene que ser igual al primer texto en los console.assert. --- js/main.js | 1 + js/pruebas.js | 14 +++++++------- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/js/main.js b/js/main.js index c2421bb8..15e5cd89 100644 --- a/js/main.js +++ b/js/main.js @@ -36,6 +36,7 @@ function validarDescripcionRegalo(descripcion){ if(descripcion.length === 0){ return "Tienes que escribir la descripción del regalo." } + if(descripcion.length >= 100){ return "Tiene que ser menor a 100 caracteres." } diff --git a/js/pruebas.js b/js/pruebas.js index 7256a452..0a3a8226 100644 --- a/js/pruebas.js +++ b/js/pruebas.js @@ -1,13 +1,13 @@ function probarValidarNombre() { console.assert( - validarNombre("") === 'Este campo debe tener al menos 1 caracter', + validarNombre("") === 'El nombre tiene que tener al menos 1 caracter', 'Validar nombre no validó que el nombre no sea vacío', ); console.assert( validarNombre( '111111111111111111111111111111111111111111111111111111111111111111111111111111111111111') === - 'Este campo debe tener menos de 50 caracteres', + 'El nombre tiene que tener menos de 50 caracteres', 'Validar nombre no validó que el nombre sea menor a 50 caracteres', ); @@ -21,7 +21,7 @@ function probarValidarNombre() { function probarValidarCiudad(){ console.assert( - validarCiudad("") === "Debes completar la provincia", + validarCiudad("") === "No seleccionaste ninguna provincia", 'Validar ciudad no validó que la ciudad sea igual a vacio', ) } @@ -30,14 +30,14 @@ function probarValidarCiudad(){ function probarValidarDescripcionRegalo(){ console.assert( - validarDescripcionRegalo("") === "Tienes que completar la descripción del regalo", + validarDescripcionRegalo("") === "Tienes que escribir la descripción del regalo.", 'Validar descripcion no validó que la desceipcion sea igual a vacio', ); - + console.assert( - validarDescripcionRegalo(111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111) === - "Este campto debe tener menos de 100 caracteres", + validarDescripcionRegalo("1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111") === + "Tiene que ser menor a 100 caracteres.", 'Validar descripcion no validó que la descripcion sea igual a mayor a 100 caracteres', ); From 543409bd9d562db43a1aec4f803c902a86e7d2c2 Mon Sep 17 00:00:00 2001 From: More4time Date: Thu, 18 Aug 2022 16:41:51 -0300 Subject: [PATCH 4/6] Update main.js --- js/main.js | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/js/main.js b/js/main.js index 15e5cd89..a986f6db 100644 --- a/js/main.js +++ b/js/main.js @@ -1,3 +1,14 @@ +<<<<<<< Updated upstream +======= +<<<<<<< HEAD +<<<<<<< HEAD +<<<<<<< Updated upstream +======= +======= +>>>>>>> 791138fc51deabbf244ae73c6564ca84fd7daf42 +======= +>>>>>>> 791138fc51deabbf244ae73c6564ca84fd7daf42 +>>>>>>> Stashed changes const $form = document.querySelector("#carta-a-santa"); @@ -43,4 +54,16 @@ function validarDescripcionRegalo(descripcion){ return " "; } +<<<<<<< Updated upstream +======= +<<<<<<< HEAD +<<<<<<< HEAD +>>>>>>> Stashed changes +======= + +>>>>>>> 791138fc51deabbf244ae73c6564ca84fd7daf42 +======= + +>>>>>>> 791138fc51deabbf244ae73c6564ca84fd7daf42 +>>>>>>> Stashed changes From 1428a62ed3dca0268b4999e64f2b88b0049f1a7c Mon Sep 17 00:00:00 2001 From: More4time Date: Thu, 18 Aug 2022 16:42:51 -0300 Subject: [PATCH 5/6] Update main.js --- js/main.js | 24 +----------------------- 1 file changed, 1 insertion(+), 23 deletions(-) diff --git a/js/main.js b/js/main.js index a986f6db..96660395 100644 --- a/js/main.js +++ b/js/main.js @@ -1,14 +1,4 @@ -<<<<<<< Updated upstream -======= -<<<<<<< HEAD -<<<<<<< HEAD -<<<<<<< Updated upstream -======= -======= ->>>>>>> 791138fc51deabbf244ae73c6564ca84fd7daf42 -======= ->>>>>>> 791138fc51deabbf244ae73c6564ca84fd7daf42 ->>>>>>> Stashed changes + const $form = document.querySelector("#carta-a-santa"); @@ -54,16 +44,4 @@ function validarDescripcionRegalo(descripcion){ return " "; } -<<<<<<< Updated upstream - -======= -<<<<<<< HEAD -<<<<<<< HEAD ->>>>>>> Stashed changes -======= - ->>>>>>> 791138fc51deabbf244ae73c6564ca84fd7daf42 -======= ->>>>>>> 791138fc51deabbf244ae73c6564ca84fd7daf42 ->>>>>>> Stashed changes From 8f9e9908b0c02c78049a69fd5dd6c26bcaafb180 Mon Sep 17 00:00:00 2001 From: More4time Date: Fri, 19 Aug 2022 14:42:58 -0300 Subject: [PATCH 6/6] clase-10 EJERCICIO de SIMON SAY. Con bootstrap. --- tarea/clase-10-SIMON/simon.css | 0 tarea/clase-10-SIMON/simon.html | 75 +++++++++++++++++++ tarea/clase-10-SIMON/simon.js | 123 ++++++++++++++++++++++++++++++++ 3 files changed, 198 insertions(+) create mode 100644 tarea/clase-10-SIMON/simon.css create mode 100644 tarea/clase-10-SIMON/simon.html create mode 100644 tarea/clase-10-SIMON/simon.js diff --git a/tarea/clase-10-SIMON/simon.css b/tarea/clase-10-SIMON/simon.css new file mode 100644 index 00000000..e69de29b diff --git a/tarea/clase-10-SIMON/simon.html b/tarea/clase-10-SIMON/simon.html new file mode 100644 index 00000000..f8394c28 --- /dev/null +++ b/tarea/clase-10-SIMON/simon.html @@ -0,0 +1,75 @@ + + + + + + + Simon dice + + + + + +
+
+
+ + +
+
+

Ronda # 0

+
+
+ +
+
+
+
+
+
+
A
+
+
+
B
+
+
+
+
+
C
+
+
+
D
+
+
+
+ + + + + + + diff --git a/tarea/clase-10-SIMON/simon.js b/tarea/clase-10-SIMON/simon.js new file mode 100644 index 00000000..c6e0d622 --- /dev/null +++ b/tarea/clase-10-SIMON/simon.js @@ -0,0 +1,123 @@ +console.log("PROBANDO PROBANDO") + +let secuenciaMaquina= []; +let secuenciaUsuario = []; +let ronda = 0 ; + +document.querySelector("button[type=button]").onclick = comenzarJuego; +actualizarEstado('Tocá "Empezar" para jugar!'); +actualizarNumeroRonda('-'); +bloquearInputUsuario(); + + + +function comenzarJuego(){ + reiniciarEstado(); + manejarRonda(); +} + +function reiniciarEstado(){ + secuenciaMaquina=[]; + secuenciaUsuario=[]; +} + +function manejarRonda (){ + actualizarEstado("Turno de la Maquina"); + bloquearInputUsuario(); + + const $nuevoCuadro = obtenerCuadroAleatorio(); + secuenciaMaquina.push($nuevoCuadro) + + const RETRASO_TURNO_JUGADOR =(secuenciaMaquina.length + 1) * 1000; + + secuenciaMaquina.forEach(function($cuadro, index) { + const RETRASO_MS = (index +1) *1000; + setTimeout(function(){ + resaltar($cuadro); + }, RETRASO_MS); + }) + + setTimeout(function() { + actualizarEstado('Turno del jugador'); + desbloquearInputUsuario(); + }, RETRASO_TURNO_JUGADOR); + + secuenciaUsuario = []; + ronda++; + actualizarNumeroRonda(ronda); + +} + +function manejarInputUsuario (e){ + const $cuadro = e.target; + resaltar($cuadro); + secuenciaUsuario.push($cuadro); + + const $cuadroMaquina = secuenciaMaquina[secuenciaUsuario.length - 1]; + if($cuadro.id !== $cuadroMaquina.id){ + perder(); + return; + } + + if (secuenciaUsuario.length === secuenciaMaquina.length) { + bloquearInputUsuario(); + setTimeout(manejarRonda, 1000); + } + +} + +function obtenerCuadroAleatorio() { + const $cuadros = document.querySelectorAll('.cuadro'); + const indice = Math.floor(Math.random() * $cuadros.length); + return $cuadros[indice]; + } + + function actualizarNumeroRonda(ronda) { + document.querySelector('#ronda').textContent = ronda; + } + + function actualizarEstado(estado, error = false) { + const $estado = document.querySelector('#estado'); + $estado.textContent = estado; + if (error) { + $estado.classList.remove('alert-primary'); + $estado.classList.add('alert-danger'); + } else { + $estado.classList.remove('alert-danger'); + $estado.classList.add('alert-primary'); + } + } + + function resaltar($cuadro) { + $cuadro.style.opacity = 1; + setTimeout(function() { + $cuadro.style.opacity = 0.5; + }, 500); + } + + function bloquearInputUsuario() { + document.querySelectorAll('.cuadro').forEach(function($cuadro) { + $cuadro.onclick = function() { + }; + }); + } + + function desbloquearInputUsuario() { + document.querySelectorAll('.cuadro').forEach(function($cuadro) { + $cuadro.onclick = manejarInputUsuario; + }); + } + + function reiniciarEstado(){ + let secuenciaMaquina= []; + let secuenciaUsuario = []; + let ronda = 0 ; + } + + + function perder() { + bloquearInputUsuario(); + actualizarEstado('Perdiste! Tocá "Empezar" para jugar de nuevo!', true); + +} +