From 908946a2eac9de0a37da9ffdca7bced20e7c9ca3 Mon Sep 17 00:00:00 2001 From: lucanouet <82992728+lucanouet@users.noreply.github.com> Date: Mon, 29 Nov 2021 18:40:48 -0300 Subject: [PATCH 1/9] Update index.html Alargar Saludo con mas aaa --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 976445f3..4cc6fe6f 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@
-

Hola!

+

Holaaaa!

Escribamos un poco de código el día de hoy!

From ea48d43e61876b3e7741096e0a825abbef8e55d1 Mon Sep 17 00:00:00 2001 From: lucanouet Date: Thu, 2 Dec 2021 19:05:47 -0300 Subject: [PATCH 2/9] Tarea calcular salario mensual --- tareas/clase-5/css.css | 3 ++ tareas/clase-5/index.html | 13 +++++-- tareas/clase-5/tarea-clase-5.js | 69 +++++++-------------------------- 3 files changed, 28 insertions(+), 57 deletions(-) create mode 100644 tareas/clase-5/css.css diff --git a/tareas/clase-5/css.css b/tareas/clase-5/css.css new file mode 100644 index 00000000..5084c813 --- /dev/null +++ b/tareas/clase-5/css.css @@ -0,0 +1,3 @@ +.oculto { + display:none +} diff --git a/tareas/clase-5/index.html b/tareas/clase-5/index.html index 00bd40b8..eca6a5de 100644 --- a/tareas/clase-5/index.html +++ b/tareas/clase-5/index.html @@ -5,9 +5,16 @@ - Clase 5 + + Probando git hub desktop - +
+ + + + +
- \ No newline at end of file + + diff --git a/tareas/clase-5/tarea-clase-5.js b/tareas/clase-5/tarea-clase-5.js index ecece12f..b3d3cbb2 100644 --- a/tareas/clase-5/tarea-clase-5.js +++ b/tareas/clase-5/tarea-clase-5.js @@ -1,58 +1,19 @@ -/* -Cosas a tener en cuenta: -1. Los no tienen .innerText, en vez de eso, usan .value. https://developer.mozilla.org/es/docs/Web/HTML/Elemento/input +document.querySelector("#calcular-salario-mensual").onclick = function(){ + const $salarioAnual = Number(document.querySelector("#salario-anual").value) + const salarioMensual = calcularSalarioMensual($salarioAnual) + document.querySelector("#salario-mensual").value = salarioMensual + mostrarSalarioMensual() -2. Los demás elementos usan .innerText para acceder y modificar al texto que aparece dentro. https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement -También pueden usar .textContent, las diferencias no son importantes por ahora. + return false + } -3. Para evitar que el formulario
se “mande” y por ende recargue la página, -al event handler “onclick”, agréguentle un return false; al final de la función. + function calcularSalarioMensual(salarioanual){ + mesesEnUnAnio = 12 + return salarioanual / mesesEnUnAnio + } -Ejemplo: -const $botonCalcular = document.querySelector("#boton-calcular"); + function mostrarSalarioMensual(){ + document.querySelector("#salario-mensual").className = "" + } -$botonCalcular.onclick = function() - // código que se ejecuta cuando le hagan click a este elemento... - return false; -} -*/ - -//TAREA: completar tareas/clase-5/index.html para que incluya tarea-clase-5.js -//TAREA: crear un formulario donde un usuario pueda ingresar su salario anual. -//cuando el usuario haga click en el botón "calcular", mostrar el salario mensual -// en una caja de texto deshabilitada. --> - -//TAREA: En otro archivo html (no Index) y otro archivo js (no tarea-clase-5.js), -// creá un formulario que capture el primer nombre, segundo nombre, apellido/s y edad del usuario -// también vamos a crear un

que diga Bienvenido! -// vas a crear un botón de acción que una vez que lo apretás, va a -// mostrar toda la información junta en un campo de texto -// Y va a cambiar el

para decir "Bienvenido, nombreDeUsuario"! - -/* -Ejemplo form: - - - - - - -
Hola
-* -* */ - -//TAREA: En otro archivo distinto, -// Por cada clase de r/argentina programa existente, vamos a pedir: -// horas, minutos y segundos de cada video. Ej. Si un video dura -// 2 horas, 38 minutos y 20 segundos, vamos a rellenar 3 campos de texto con -// cada dato. -// al apretar el botón "Calcular tiempo total", debe mostrar en un -// pre-creado el tiempo total de los videos. - -//TAREA: En otro archivo distinto, -// Crear una lista de
    y
  1. que contengan sólo números. -// Convertir esos números a un array y: -// 1. calcular el promedio y mostrarlo en un pre-creado con el texto "El promedio es..." -// 2. obtener el número más pequeño y mostrarlo en un pre-creado con el texto "El número más pequeño es..." -// 3. obtener el número más grande y mostrarlo en un pre-creado con el texto "El número más grande es..." -// 4. obtener el número que más se repite y mostrarlo en un pre-creado con el texto "El número más frecuente es..." + From c617b60cdf398f71ee9d2ce1c1d00bb37b943585 Mon Sep 17 00:00:00 2001 From: lucanouet Date: Thu, 2 Dec 2021 19:22:58 -0300 Subject: [PATCH 3/9] subiendo tarea 2 clase 5 --- tareas/clase-5/index.html | 18 ++++++++++++++++++ tareas/clase-5/tarea-clase-5.js | 20 ++++++++++++++++++++ 2 files changed, 38 insertions(+) diff --git a/tareas/clase-5/index.html b/tareas/clase-5/index.html index eca6a5de..66f298a7 100644 --- a/tareas/clase-5/index.html +++ b/tareas/clase-5/index.html @@ -15,6 +15,24 @@ + + +
    + + + + + + + +
    + +
    +

    +

    Nombre:

    +

    Segundo Nombre:

    +

    Edad:

    +
    diff --git a/tareas/clase-5/tarea-clase-5.js b/tareas/clase-5/tarea-clase-5.js index b3d3cbb2..cfd12986 100644 --- a/tareas/clase-5/tarea-clase-5.js +++ b/tareas/clase-5/tarea-clase-5.js @@ -17,3 +17,23 @@ document.querySelector("#calcular-salario-mensual").onclick = function(){ } + document.querySelector("#enviar").onclick = function(event){ + + + const nombre = document.querySelector("#nombre") + const segundoNombre = document.querySelector("#segundo-nombre") + const edad = document.querySelector ("#edad") + + document.querySelector("#mostrarNombre").textContent = nombre.value + document.querySelector("#mostrarSegundoNombre").textContent = segundoNombre.value + document.querySelector("#mostrarEdad").textContent = edad.value + document.querySelector("#saludar-usuario").textContent = ("Bienvenido " + nombre.value) + + + mostrarElemento("#placeholder") + return false +} + +function mostrarElemento(elemento){ + document.querySelector(elemento).className = "" +} \ No newline at end of file From d655ef178fc7ceb0c6b6eb3665c7f4c2be705198 Mon Sep 17 00:00:00 2001 From: lucanouet Date: Thu, 2 Dec 2021 19:37:11 -0300 Subject: [PATCH 4/9] tare 3 clase 5, calcular tiempo videos --- tareas/clase-5/calculos3.js | 38 ++++++++ tareas/clase-5/index2.html | 32 +++++++ tareas/clase-5/tarea-clase-5.js | 3 +- tareas/clase-5/tarea3-clase-5.js | 145 +++++++++++++++++++++++++++++++ 4 files changed, 217 insertions(+), 1 deletion(-) create mode 100644 tareas/clase-5/calculos3.js create mode 100644 tareas/clase-5/index2.html create mode 100644 tareas/clase-5/tarea3-clase-5.js diff --git a/tareas/clase-5/calculos3.js b/tareas/clase-5/calculos3.js new file mode 100644 index 00000000..4b6e2a52 --- /dev/null +++ b/tareas/clase-5/calculos3.js @@ -0,0 +1,38 @@ +function calcularHoras(horas){ + let acumulador = 0; + for (let i = 0; i < horas.length; i++){ + + acumulador += horas[i] + + + } + return acumulador +} + + + +function calcularMinutos(minutos){ + let acumulador = 0 + for (let i = 0; i < minutos.length; i++){ + + acumulador += minutos[i] + + + } + return acumulador +} + + + +function calcularSegundos(segundos){ + let acumulador = 0 + for (let i = 0; i < segundos.length; i++){ + + acumulador += segundos[i] + + + } + return acumulador +} + + diff --git a/tareas/clase-5/index2.html b/tareas/clase-5/index2.html new file mode 100644 index 00000000..1c05a8e7 --- /dev/null +++ b/tareas/clase-5/index2.html @@ -0,0 +1,32 @@ + + + + + + + Document + + + + +
    + + + + +
    + + +
    +
    +

    La Cantidad de horas es

    +

    La Cantidad de minutos es

    +

    La Cantidad de segundos es

    +
    + +
    + + + + + \ No newline at end of file diff --git a/tareas/clase-5/tarea-clase-5.js b/tareas/clase-5/tarea-clase-5.js index cfd12986..6e6bf87f 100644 --- a/tareas/clase-5/tarea-clase-5.js +++ b/tareas/clase-5/tarea-clase-5.js @@ -36,4 +36,5 @@ document.querySelector("#calcular-salario-mensual").onclick = function(){ function mostrarElemento(elemento){ document.querySelector(elemento).className = "" -} \ No newline at end of file +} + diff --git a/tareas/clase-5/tarea3-clase-5.js b/tareas/clase-5/tarea3-clase-5.js new file mode 100644 index 00000000..64645fa7 --- /dev/null +++ b/tareas/clase-5/tarea3-clase-5.js @@ -0,0 +1,145 @@ +document.querySelector("#siguiente-paso").onclick = function(event){ + const $cantidadClases = document.querySelector("#cantidad-clases") + const cantidadClases = Number($cantidadClases.value) + + borrarClasesAnteriores() + crearClases(cantidadClases) + + + + event.preventDefault() + + } + + document.querySelector("#boton-calcular").onclick = function(event){ + const horas = obtenerHoras() + const minutos = obtenerMinutos() + const segundos = obtenerSegundos() + mostrarResultados("horas",calcularHoras(horas)) + mostrarResultados("minutos",calcularMinutos(minutos)) + mostrarResultados("segundos",calcularSegundos(segundos)) + + mostrarResultadoFinal() + + + event.preventDefault() + } + + function crearClases(cantidadClases){ + + if(cantidadClases > 0){ + mostrarBotonCalcular() + } + for (let i = 0; i < cantidadClases; i++) + crearClase(i); + + } + + function borrarClasesAnteriores(){ + const $clases = document.querySelectorAll(".clase") + for (let i = 0; i < $clases.length; i ++){ + $clases[i].remove() + } + } + + function crearClase(indice){ + + + const $div = document.createElement ("div") + $div.className = "clase"; + + const $labelHoras = document.createElement("label") + $labelHoras.textContent = "Ingrese cantidad Horas de video " + (indice + 1) + + const $inputHoras = document.createElement("input") + $inputHoras.className = "inputHoras" + $inputHoras.type = "number" + + const $labelMinutos = document.createElement("label") + $labelMinutos.textContent = "Ingrese cantidad Minutos de video " + (indice + 1) + + const $inputMinutos = document.createElement("input") + $inputMinutos.className = "inputMinutos" + $inputMinutos.type = "number" + + const $labelSegundos = document.createElement("label") + $labelSegundos.textContent = "Ingrese cantidad Segundos de video " + (indice + 1) + + const $inputSegundos = document.createElement("input") + $inputSegundos.className = "inputSegundos" + $inputSegundos.type = "number" + + $div.appendChild($labelHoras) + $div.appendChild($inputHoras) + $div.appendChild($labelMinutos) + $div.appendChild($inputMinutos) + $div.appendChild($labelSegundos) + $div.appendChild($inputSegundos) + + + const $clases = document.querySelector("#placeholder") + $clases.appendChild($div) + } + + function mostrarBotonCalcular(){ + document.querySelector("#boton-calcular").className = "" + } + + function mostrarResultados(tipo,valor){ + document.querySelector(`#${tipo}-cantidad`).textContent = valor; + } + + function mostrarResultadoFinal(){ + document.querySelector("#resultados").className = "" + } + + function obtenerHoras(){ + const $horas = document.querySelectorAll(".inputHoras") + const horas = [] + for (let i = 0; i < $horas.length; i++){ + horas.push(Number($horas[i].value)) + + } + return horas + } + + + + function obtenerMinutos(){ + const $minutos = document.querySelectorAll(".inputMinutos") + const minutos = [] + for (let i = 0; i < $minutos.length; i++){ + minutos.push(Number($minutos[i].value)) + + } + return minutos + } + + + + function obtenerSegundos(){ + const $segundos = document.querySelectorAll(".inputSegundos") + const segundos = [] + for (let i = 0; i < $segundos.length; i++){ + segundos.push(Number($segundos[i].value)) + + } + return segundos + } + + + + + + + + + + + + + + + + + \ No newline at end of file From 6df322c6180e128d08b032b8fd9ce79fd9ddc865 Mon Sep 17 00:00:00 2001 From: lucanouet Date: Sat, 4 Dec 2021 01:54:42 -0300 Subject: [PATCH 5/9] =?UTF-8?q?correcci=C3=B3n=20tarea=203=20clase=205?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tareas/clase-5/calculos3.js | 38 ----- tareas/clase-5/index2.html | 32 ---- tareas/clase-5/index3.html | 28 ++++ tareas/clase-5/tarea3-clase-5.js | 257 ++++++++++++++----------------- 4 files changed, 140 insertions(+), 215 deletions(-) delete mode 100644 tareas/clase-5/calculos3.js delete mode 100644 tareas/clase-5/index2.html create mode 100644 tareas/clase-5/index3.html diff --git a/tareas/clase-5/calculos3.js b/tareas/clase-5/calculos3.js deleted file mode 100644 index 4b6e2a52..00000000 --- a/tareas/clase-5/calculos3.js +++ /dev/null @@ -1,38 +0,0 @@ -function calcularHoras(horas){ - let acumulador = 0; - for (let i = 0; i < horas.length; i++){ - - acumulador += horas[i] - - - } - return acumulador -} - - - -function calcularMinutos(minutos){ - let acumulador = 0 - for (let i = 0; i < minutos.length; i++){ - - acumulador += minutos[i] - - - } - return acumulador -} - - - -function calcularSegundos(segundos){ - let acumulador = 0 - for (let i = 0; i < segundos.length; i++){ - - acumulador += segundos[i] - - - } - return acumulador -} - - diff --git a/tareas/clase-5/index2.html b/tareas/clase-5/index2.html deleted file mode 100644 index 1c05a8e7..00000000 --- a/tareas/clase-5/index2.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - Document - - - - -
    - - - - -
    - - -
    -
    -

    La Cantidad de horas es

    -

    La Cantidad de minutos es

    -

    La Cantidad de segundos es

    -
    - -
    - - - - - \ No newline at end of file diff --git a/tareas/clase-5/index3.html b/tareas/clase-5/index3.html new file mode 100644 index 00000000..a44046bf --- /dev/null +++ b/tareas/clase-5/index3.html @@ -0,0 +1,28 @@ + + + + + + + + Document + + +
    + + + + +
    + +
    + +
    +

    El tiempo total es

    +
    +
    + + + + + \ No newline at end of file diff --git a/tareas/clase-5/tarea3-clase-5.js b/tareas/clase-5/tarea3-clase-5.js index 64645fa7..9d331fc6 100644 --- a/tareas/clase-5/tarea3-clase-5.js +++ b/tareas/clase-5/tarea3-clase-5.js @@ -1,145 +1,112 @@ -document.querySelector("#siguiente-paso").onclick = function(event){ - const $cantidadClases = document.querySelector("#cantidad-clases") - const cantidadClases = Number($cantidadClases.value) - - borrarClasesAnteriores() - crearClases(cantidadClases) - - - - event.preventDefault() - - } - - document.querySelector("#boton-calcular").onclick = function(event){ - const horas = obtenerHoras() - const minutos = obtenerMinutos() - const segundos = obtenerSegundos() - mostrarResultados("horas",calcularHoras(horas)) - mostrarResultados("minutos",calcularMinutos(minutos)) - mostrarResultados("segundos",calcularSegundos(segundos)) - - mostrarResultadoFinal() - - - event.preventDefault() - } - - function crearClases(cantidadClases){ - - if(cantidadClases > 0){ - mostrarBotonCalcular() - } - for (let i = 0; i < cantidadClases; i++) - crearClase(i); - - } - - function borrarClasesAnteriores(){ - const $clases = document.querySelectorAll(".clase") - for (let i = 0; i < $clases.length; i ++){ - $clases[i].remove() - } - } - - function crearClase(indice){ - - - const $div = document.createElement ("div") - $div.className = "clase"; - - const $labelHoras = document.createElement("label") - $labelHoras.textContent = "Ingrese cantidad Horas de video " + (indice + 1) - - const $inputHoras = document.createElement("input") - $inputHoras.className = "inputHoras" - $inputHoras.type = "number" - - const $labelMinutos = document.createElement("label") - $labelMinutos.textContent = "Ingrese cantidad Minutos de video " + (indice + 1) - - const $inputMinutos = document.createElement("input") - $inputMinutos.className = "inputMinutos" - $inputMinutos.type = "number" - - const $labelSegundos = document.createElement("label") - $labelSegundos.textContent = "Ingrese cantidad Segundos de video " + (indice + 1) - - const $inputSegundos = document.createElement("input") - $inputSegundos.className = "inputSegundos" - $inputSegundos.type = "number" - - $div.appendChild($labelHoras) - $div.appendChild($inputHoras) - $div.appendChild($labelMinutos) - $div.appendChild($inputMinutos) - $div.appendChild($labelSegundos) - $div.appendChild($inputSegundos) - - - const $clases = document.querySelector("#placeholder") - $clases.appendChild($div) - } - - function mostrarBotonCalcular(){ - document.querySelector("#boton-calcular").className = "" - } - - function mostrarResultados(tipo,valor){ - document.querySelector(`#${tipo}-cantidad`).textContent = valor; - } - - function mostrarResultadoFinal(){ - document.querySelector("#resultados").className = "" - } - - function obtenerHoras(){ - const $horas = document.querySelectorAll(".inputHoras") - const horas = [] - for (let i = 0; i < $horas.length; i++){ - horas.push(Number($horas[i].value)) - - } - return horas - } - - - - function obtenerMinutos(){ - const $minutos = document.querySelectorAll(".inputMinutos") - const minutos = [] - for (let i = 0; i < $minutos.length; i++){ - minutos.push(Number($minutos[i].value)) - - } - return minutos - } - - - - function obtenerSegundos(){ - const $segundos = document.querySelectorAll(".inputSegundos") - const segundos = [] - for (let i = 0; i < $segundos.length; i++){ - segundos.push(Number($segundos[i].value)) - - } - return segundos - } - - - - - - - - - - - - - - - - - \ No newline at end of file +document.querySelector("#siguiente-paso").onclick = function() { + cantidadClases = Number(document.querySelector("#cantidad-clases").value) + + borrarInputsAnteriores() + crearInputsClases(cantidadClases) + + return false +} + + +document.querySelector("#calcular").onclick = function() { + let horasParcial = Number(obtenerHoras()) + let minutosParcial = Number(obtenerMinutos()) + let segundosParcial = Number(obtenerSegundos()) + const horasTotal = horasParcial + Math.floor(minutosParcial / 60) + Math.floor(segundosParcial / 3600) + const minutosTotal = minutosParcial % 60 + const segundosTotal = segundosParcial % 60 + + mostrarResultados(horasTotal, minutosTotal, segundosTotal) + + return false +} + + + +function crearInputsClases(cantidadClases) { + + if (cantidadClases > 0) { + mostrarBotonCalculo() + } + + for (let i = 0; i < cantidadClases; i++) { + crearInput(i) + } +} + + +function crearInput(indice) { + const $div = document.createElement("div") + $div.className = "clases" + + const $label = document.createElement("label") + $label.textContent = "Ingrese horas clase" + (indice + 1) + const $inputHoras = document.createElement("input") + $inputHoras.className = "input-hora" + const $inputMinutos = document.createElement("input") + $inputMinutos.className = "input-minutos" + const $inputSegundos = document.createElement("input") + $inputSegundos.className = "input-segundos" + + $div.appendChild($label) + $div.appendChild($inputHoras) + $div.appendChild($inputMinutos) + $div.appendChild($inputSegundos) + + const $placeholder = document.querySelector("#placeholder") + $placeholder.appendChild($div) + + +} + +function borrarInputsAnteriores() { + const $inputAnteriores = document.querySelectorAll(".clases") + for (let i = 0; i < $inputAnteriores.length; i++) { + $inputAnteriores[i].remove() + } +} + + +function obtenerHoras() { + const $inputsHora = document.querySelectorAll(".input-hora") + let horasParcial = 0 + for (let i = 0; i < $inputsHora.length; i++) { + + horasParcial += Number($inputsHora[i].value) + } + + return horasParcial + +} + +function obtenerMinutos() { + const $inputMinutos = document.querySelectorAll(".input-minutos") + let minutosParcial = 0 + + for (let i = 0; i < $inputMinutos.length; i++) { + minutosParcial += Number($inputMinutos[i].value) + } + return minutosParcial +} + +function obtenerSegundos() { + const $inputSegundos = document.querySelectorAll(".input-segundos") + let segundosParcial = 0 + + for (let i = 0; i < $inputSegundos.length; i++) { + segundosParcial += Number($inputSegundos[i].value) + } + return segundosParcial +} + + + +function mostrarBotonCalculo() { + document.querySelector("#calcular").className = "" +} + +function mostrarResultados(horas, minutos, segundos) { + const $resultado = document.querySelector("#resultado-final") + $resultado.textContent = ("Horas" + horas + "Minutos" + minutos + "segundos" + segundos) + +} \ No newline at end of file From 7d34a5205711f8e369bab7736a4c1334e1182724 Mon Sep 17 00:00:00 2001 From: lucanouet Date: Sat, 4 Dec 2021 02:08:49 -0300 Subject: [PATCH 6/9] correcion tarea 3 clase 5 part 2 --- tareas/clase-5/index3.html | 4 ++-- tareas/clase-5/tarea3-clase-5.js | 8 ++++++-- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/tareas/clase-5/index3.html b/tareas/clase-5/index3.html index a44046bf..4cb9c1c6 100644 --- a/tareas/clase-5/index3.html +++ b/tareas/clase-5/index3.html @@ -17,8 +17,8 @@ -
    -

    El tiempo total es

    +
    +

    El tiempo total es

    diff --git a/tareas/clase-5/tarea3-clase-5.js b/tareas/clase-5/tarea3-clase-5.js index 9d331fc6..e9c0ebad 100644 --- a/tareas/clase-5/tarea3-clase-5.js +++ b/tareas/clase-5/tarea3-clase-5.js @@ -17,7 +17,7 @@ document.querySelector("#calcular").onclick = function() { const segundosTotal = segundosParcial % 60 mostrarResultados(horasTotal, minutosTotal, segundosTotal) - + mostrarResultado() return false } @@ -105,8 +105,12 @@ function mostrarBotonCalculo() { document.querySelector("#calcular").className = "" } +function mostrarResultado(){ + document.querySelector("#resultado").className = "" +} + function mostrarResultados(horas, minutos, segundos) { const $resultado = document.querySelector("#resultado-final") - $resultado.textContent = ("Horas" + horas + "Minutos" + minutos + "segundos" + segundos) + $resultado.textContent = ( horas + " Horas " + minutos + " Minutos " + segundos + " segundos ") } \ No newline at end of file From 20335791eb38aa631b51c3f99b56cbc2c30c1d0d Mon Sep 17 00:00:00 2001 From: lucanouet Date: Wed, 8 Dec 2021 00:42:47 -0300 Subject: [PATCH 7/9] Correccion tarea Unifico funciones de calcular --- tareas/clase-5/index4.html | 12 ++++++++++++ tareas/clase-5/tarea3-clase-5.js | 12 +++++------- 2 files changed, 17 insertions(+), 7 deletions(-) create mode 100644 tareas/clase-5/index4.html diff --git a/tareas/clase-5/index4.html b/tareas/clase-5/index4.html new file mode 100644 index 00000000..46487bd1 --- /dev/null +++ b/tareas/clase-5/index4.html @@ -0,0 +1,12 @@ + + + + + + + Document + + +
      1 2 3 4 5 6 7 8 9
    + + diff --git a/tareas/clase-5/tarea3-clase-5.js b/tareas/clase-5/tarea3-clase-5.js index e9c0ebad..4c985a49 100644 --- a/tareas/clase-5/tarea3-clase-5.js +++ b/tareas/clase-5/tarea3-clase-5.js @@ -17,7 +17,7 @@ document.querySelector("#calcular").onclick = function() { const segundosTotal = segundosParcial % 60 mostrarResultados(horasTotal, minutosTotal, segundosTotal) - mostrarResultado() + mostrarElemento("#resultado") return false } @@ -26,7 +26,7 @@ document.querySelector("#calcular").onclick = function() { function crearInputsClases(cantidadClases) { if (cantidadClases > 0) { - mostrarBotonCalculo() + mostrarElemento("#calcular") } for (let i = 0; i < cantidadClases; i++) { @@ -101,13 +101,11 @@ function obtenerSegundos() { -function mostrarBotonCalculo() { - document.querySelector("#calcular").className = "" +function mostrarElemento(elemento) { + document.querySelector(`${elemento}`).className = "" } -function mostrarResultado(){ - document.querySelector("#resultado").className = "" -} + function mostrarResultados(horas, minutos, segundos) { const $resultado = document.querySelector("#resultado-final") From fc4b8be50b77e9084b514c286a46c72a92b257f6 Mon Sep 17 00:00:00 2001 From: lucanouet Date: Wed, 8 Dec 2021 00:48:18 -0300 Subject: [PATCH 8/9] Correcion tarea unifico funciones calcular --- tareas/clase-5/tarea-clase-5.js | 1 + 1 file changed, 1 insertion(+) diff --git a/tareas/clase-5/tarea-clase-5.js b/tareas/clase-5/tarea-clase-5.js index 6e6bf87f..317a0cd6 100644 --- a/tareas/clase-5/tarea-clase-5.js +++ b/tareas/clase-5/tarea-clase-5.js @@ -30,6 +30,7 @@ document.querySelector("#calcular-salario-mensual").onclick = function(){ document.querySelector("#saludar-usuario").textContent = ("Bienvenido " + nombre.value) + mostrarElemento("#placeholder") return false } From c53ac8e8f325fc33b56936e7f56dd75301085f1c Mon Sep 17 00:00:00 2001 From: lucanouet Date: Wed, 8 Dec 2021 00:48:47 -0300 Subject: [PATCH 9/9] Squashed commit of the following: commit fc4b8be50b77e9084b514c286a46c72a92b257f6 Author: lucanouet Date: Wed Dec 8 00:48:18 2021 -0300 Correcion tarea unifico funciones calcular --- tareas/clase-5/tarea-clase-5.js | 1 + 1 file changed, 1 insertion(+) diff --git a/tareas/clase-5/tarea-clase-5.js b/tareas/clase-5/tarea-clase-5.js index 6e6bf87f..317a0cd6 100644 --- a/tareas/clase-5/tarea-clase-5.js +++ b/tareas/clase-5/tarea-clase-5.js @@ -30,6 +30,7 @@ document.querySelector("#calcular-salario-mensual").onclick = function(){ document.querySelector("#saludar-usuario").textContent = ("Bienvenido " + nombre.value) + mostrarElemento("#placeholder") return false }