From fc2a34a773ac3660e27a2a81edaadb24a847344a Mon Sep 17 00:00:00 2001 From: Dferprojects Date: Sun, 9 Apr 2023 20:41:24 -0300 Subject: [PATCH 1/3] tareasResueltasClase6 --- index.html | 2 +- js/nivel1.js | 89 +++++++++++++++++++++++- js/nivel2.js | 84 ++++++++++++++++------ js/nivel3.js | 59 ++++++++++------ tareas/clase-1/tarea-clase-1.js | 12 ++-- tareas/clase-2/tarea-clase-2.js | 4 +- tareas/clase-3/tarea-clase-3.js | 68 ++++++++++++++++++ tareas/clase-4/index.html | 2 +- tareas/clase-4/tarea-clase-4.js | 19 ++++- tareas/clase-5/index.html | 13 ---- tareas/clase-5/{ => js}/tarea-clase-5.js | 13 ++++ tareas/clase-5/{ => js}/tarea1.js | 0 tareas/clase-5/js/tarea2.js | 17 +++++ tareas/clase-5/js/tarea3.js | 29 ++++++++ tareas/clase-5/js/tarea4.js | 34 +++++++++ tareas/clase-5/resuelto.html | 21 ++++++ tareas/clase-5/tarea1.html | 27 ++++--- tareas/clase-5/tarea2.html | 48 +++++++++++++ tareas/clase-5/tarea3.html | 57 +++++++++++++++ tareas/clase-5/tarea4.html | 74 ++++++++++++++++++++ tareas/clase-6/index.html | 0 21 files changed, 596 insertions(+), 76 deletions(-) delete mode 100644 tareas/clase-5/index.html rename tareas/clase-5/{ => js}/tarea-clase-5.js (90%) rename tareas/clase-5/{ => js}/tarea1.js (100%) create mode 100644 tareas/clase-5/js/tarea2.js create mode 100644 tareas/clase-5/js/tarea3.js create mode 100644 tareas/clase-5/js/tarea4.js create mode 100644 tareas/clase-5/resuelto.html create mode 100644 tareas/clase-5/tarea2.html create mode 100644 tareas/clase-5/tarea3.html create mode 100644 tareas/clase-5/tarea4.html delete mode 100644 tareas/clase-6/index.html diff --git a/index.html b/index.html index 976445f39..9f3b90274 100644 --- a/index.html +++ b/index.html @@ -69,6 +69,6 @@

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

- + diff --git a/js/nivel1.js b/js/nivel1.js index bb097c962..49522f4b0 100644 --- a/js/nivel1.js +++ b/js/nivel1.js @@ -40,6 +40,7 @@ // Tarea: Ahora te toca a vos! Acá abajo escribí una alerta que diga "Hola mundo!" +// alert("Hola mundo!") // Tarea: Una vez que la alerta funcione, comentala poniendo '//' en la línea donde está el código y guardá los cambios. // Una vez que recargás la página, ya no debería aparecer más. @@ -47,6 +48,7 @@ // Tarea: Ahora probá hacer un console.log de un mensaje que queramos. +//console.log("Hola mundo!") // Consejo: Para recargar el navegador podemos apretar 'CMD + R' en Mac y 'CTRL + R' en // Windows. @@ -102,6 +104,8 @@ // TAREA: Creá 2 variables indefinidas, llamadas numeroUno y numeroDos. +//let numeroUno; +//let numeroDos; /* Podés usar el nombre de tus variables pare representar qué información tienen adentro, por ejemplo: @@ -115,6 +119,8 @@ // Crear 2 variables nuevas, una con tu nombre, la segunda con tu edad. Dales un nombre apropriado y // mostralas con un alert. +// let miNombre = Leonardo; +// let miEdad = 32; // Consejo: para mostrar 2 variables de texto al mismo tiempo, las podés unir usando el signo '+'. Ejemplo: @@ -150,9 +156,14 @@ // TAREA: Crear una constante y mostrarla con un alert +// const saludo = "Hola, sean todos bienvenidos!"; +// alert(saludo) + // TAREA: Intentar asignar un valor a una constante y ver qué pasa (mirar la consola) +//No se puede redeclarar constantes, tira error + // Consejo: No te olvides de comentar (//) los alerts y los errores intencionales (como en la tarea anterior) para // que los alerts no aparezcan cada vez, y para que los errores no hagan que el programa se detenga. @@ -183,6 +194,11 @@ // la 1ra variable multiplicada (con el operador *) por la 2nda variable. // Mostrar el valor de resultadoMultiplicacion con un alert o un console.log +// let diez = 10 +// let tres = 3 +// let resultadoMultiplicacion = diez*tres +// alert(resultadoMultiplicacion) + /* Funciones @@ -240,11 +256,27 @@ // Ejecutá la función sumar y mostrá su resultado en la consola +function sumar(numero1, numero2){ + let suma = numero1 + numero2 + return suma +} + + + + // TAREA: Ahora creemos otra función llamada 'restar' // Que acepte 2 números como parámetro y los reste, y que devuelva ese valor. // Ejecutá la función con los números 5 y 1 y mostralos con console.log +function restar(numero1, numero2){ + let resta = numero1 - numero2 + return resta +} + + + + // Consejo: Sabías que en vez de pasar los números directamente a tu función podés crear variables con esos números // y pasarlos como parámetros? Probalo! @@ -327,8 +359,35 @@ // No se olviden de hacer un console.log para ver el resultado! // +/* +let operador = "+" +let numero1 = 15 +let numero2 = 20 + +function operarNumeros(operador){ + if (operador){ + console.log(sumar(numero1, numero2)) + } else{ + console.log(restar(numero1, numero2)) + } +} +*/ + // TAREA: Cambiar el operador a '-', y fijarse que llame a la función 'restar' en vez de a la de 'sumar'. +/* +let operador = "-" +let numero1 = 15 +let numero2 = 20 + +function operarNumeros(operador){ + if (operador){ + console.log(restar(numero1, numero2)) + } else{ + console.log(sumar(numero1, numero2)) + } +} +*/ /* 'If' - 'Else if' - 'Else' @@ -359,8 +418,15 @@ */ // TAREA: Creemos 2 funciones más: dividir y multiplicar. +function dividir(numero1, numero2){ + let div = numero1 / numero2 + return div +} - +function multiplicar (numero1, numero2){ + let prod = numero1*numero2 + return prod +} @@ -371,8 +437,21 @@ // else console.log - "Perdón, no conozco ese operador". - - +/* +function calcularSegunOperador(operador, numero1, numero2){ + if(operador === "+"){ + console.log(sumar(numero1, numero2)) + } else if (operador === "-"){ + console.log(restar(numero1, numero2)) + } else if (operador === "/"){ + console.log(dividir(numero1, numero2)) + } else if (operador === "*"){ + console.log(multiplicar(numero1, numero2)) + } else{ + console.log("Desconozco ese operador") + } +} +*/ /* Operadores Booleanos @@ -401,6 +480,10 @@ // TAREA: usando el operador !, Intentá invertir una variable (de true a false, o de false a true) e imprimí el // resultado en la consola. +/* +let bool = true +console.log(!bool) +*/ //////////////////////////////////////////////////////////////////////////// // Felicitaciones! Terminaste el Nivel 1 de la introducción a JavaScript! // diff --git a/js/nivel2.js b/js/nivel2.js index 209a55011..b721f637e 100644 --- a/js/nivel2.js +++ b/js/nivel2.js @@ -42,8 +42,10 @@ // TAREA: Crea tu propio array, llamado comidasFavoritas, y escribi dentro algunas // cosas que te gustan. - - +/* +let comidasFavoritas = ['pizza', 'empanadas', 'milanesa', 'paella'] +console.log(comidasFavoritas) +*/ @@ -64,8 +66,10 @@ // TAREA: Verifique cuántos valores tiene en su array comidasFavoritas. // imprimi utilizando console.log el resultado. - - +/* +let comidasFavoritas = ['pizza', 'empanadas', 'milanesa', 'paella'].length +console.log(comidasFavoritas) +*/ @@ -90,8 +94,11 @@ // TAREA: Obtené el tercer elemento de tu array comidasFavoritas e imprimilo utilizando console.log. - - +/* +let comidasFavoritas = ['pizza', 'empanadas', 'milanesa', 'paella'] +let tercerElemento = comidasFavoritas[2] +console.log(tercerElemento) +*/ @@ -115,14 +122,17 @@ // TAREA: Toma tu array de comidasFavoritas y reemplaza el primer valor // con cualquier otra cosa. +/* +let comidasFavoritas = ['pizza', 'empanadas', 'milanesa', 'paella'] +comidasFavoritas[0] = 'Asado' - +*/ // TAREA: console.log todo el array para verificar. - +/* console.log(comidasFavoritas) */ @@ -146,14 +156,17 @@ // TAREA: Extendamos tu lista de comidasFavoritas y agreguemos un valor más. +/* +let comidasFavoritas = ['pizza', 'empanadas', 'milanesa', 'paella'] +comidasFavoritas.push('arroz') - +*/ // TAREA: console.log todo el array para verificar. - +//console.log(comidasFavoritas) @@ -182,19 +195,15 @@ // TAREA: Intenta crear un array como una constante y modifica los valores que contiene. - - - - - // TAREA: Observa lo que sucede si agregas algo con.push(), cambias algo // con notación de corchetes (array[1]) y // asigna un nuevo array completamente nuevo a la constante - - - - +//const danzas = ['gato', 'chacarera', 'escondido'] +//danzas.push('carnavalito') +//danzas[1] = 'carnaval' +//danzas = ['Huayra', 'doble', 'salamanca'] +//console.log(danzas) /* Bucles @@ -246,6 +255,13 @@ // TAREA: Usando un bucle 'while', decile a tu computadora que registre los números de // diez a uno. +/* +let numero = 10 +while (numero > 0){ + console.log(numero) + numero-- +} +*/ @@ -268,7 +284,11 @@ // TAREA: Imprimí cada 3er número del 3 al 22 usando un 'bucle for'. - +/* +for (let i = 3; i <=23; i+=3){ + console.log(i) +} +*/ @@ -296,7 +316,12 @@ // TAREA: Probalo con tu comidasFavoritas array. - +/* +let comidasFavoritas = ['Pizzas', 'Empanadas', 'MIlanesas', 'Fideos con salsa'] +for (let i = 0; i < comidasFavoritas.length; i++){ + console.log("Me gusta l@s " + comidasFavoritas[i]) +} +*/ @@ -339,8 +364,23 @@ // 16% 4 = 0 - en 16 tenemos 4 * 4 // 19% 4 = 3 - en 19 tenemos 4 * 4 + 3, etc. +/* +function fizzbuzz(){ + for(let i = 1; i <=50; i++){ + if (i % 3 === 0 && i % 5 === 0){ + console.log("Fizz Buzz") + } else if (i % 3 === 0){ + console.log("Fizz") + } else if (i % 5 === 0){ + console.log("Buzz") + } else{ + console.log(i) + } + } +} - +fizzbuzz() +*/ diff --git a/js/nivel3.js b/js/nivel3.js index 3dba087e8..63e927b75 100644 --- a/js/nivel3.js +++ b/js/nivel3.js @@ -124,8 +124,10 @@ // variable llamada nuestroTitulo. // Utilizá console.log para ver lo que obtuviste! - - +/* +const nuestroTitulo = document.querySelector('h1') +console.log(nuestroTitulo) +*/ @@ -146,7 +148,7 @@ // TAREA: Obtené todos los elementos
  • de la página en una variable llamada mediaLinks. - +// const mediaLinks = document.querySelectorAll('li'); @@ -154,6 +156,8 @@ // TAREA: Ahora utilizá console.log para ver la cantidad de // elementos li que hay con mediaLinks.length +// console.log(mediaLinks.length) (5) + @@ -162,8 +166,11 @@ // TAREA: ¿Te acordás de los bucles del nivel 2? Usando lo que sabés de ellos, realizá iteraciones // sobre cada item de mediaLinks y mostralos en pantalla con console.log - - +/* +for(let i = 0; i < mediaLinks.length; i++){ + console.log(mediaLinks[i]) +} +*/ @@ -184,10 +191,10 @@ // TAREA: Obtené el contenido de nuestro elemento 'h1' // y utilizá console.log para mostrarlo. - - - - +/* +const nuestroTitulo = document.querySelector('h1').textContent +console.log(nuestroTitulo) +*/ /* Editar el contenido de la página @@ -205,9 +212,11 @@ // TAREA: Hagamos un nuevo título! Cambiá el contenido de nuestro 'h1' y ponele lo que quieras. - - - +/* +const nuestroTitulo = document.querySelector('h1') +let nuevoMensaje = nuestroTitulo.textContent = "Hola, como les va?" +console.log(nuevoMensaje) +*/ /* Editando atributos @@ -223,9 +232,11 @@ // TAREA: Actualizá el valor del atributo 'src' de nuestra etiqueta 'img' a "img/kittens.jpeg". - - - +/* +let imagen = document.querySelector('img') +imagen.src = "img/kittens.jpeg" +console.log(imagen) +*/ /* @@ -248,10 +259,11 @@ // Tarea: Obtené cualquier elemento de la página y cambiale algunos estilos. - - - - +/* +const nuestroTitulo = document.querySelector('h1') +nuestroTitulo.style.color = 'white' +nuestroTitulo.style.backgroundColor = 'gray' +*/ /* Creando nuevos nodos (Elementos) @@ -278,8 +290,15 @@ // // P.S. También les podés dar estilos al nuevo nodo que creaste. +const nodoPagina = document.querySelector('body'); +const nuevoParrafo = document.createElement('p') +const textoParrafo = document.createTextNode('Sitio web desarrollado por Argentina Programa - 2023'); +nuevoParrafo.appendChild(textoParrafo); +nodoPagina.appendChild(nuevoParrafo); - +nuevoParrafo.style.fontSize = 'medium'; +nuevoParrafo.style.fontWeight = '600'; +; diff --git a/tareas/clase-1/tarea-clase-1.js b/tareas/clase-1/tarea-clase-1.js index 0ce39143b..4ddb95c65 100644 --- a/tareas/clase-1/tarea-clase-1.js +++ b/tareas/clase-1/tarea-clase-1.js @@ -3,24 +3,27 @@ // Preguntarle estos datos al usuario y guardarlos en 2 variables // Ejecutar la función con estos datos // Impriman el resultado en la consola +/* +const anioActual = Number(prompt("Cuál es el año actual?")); +const anioNacimiento = Number(prompt("En qué año naciste?")); + function calcularEdad(anioActual, anioNacimiento) { return anioActual - anioNacimiento; } -const anioActual = Number(prompt("Cuál es el año actual?")); -const anioNacimiento = Number(prompt("En qué año naciste?")); - console.log('Tenés ' + calcularEdad(anioActual, anioNacimiento) + ' años'); +*/ // Preguntar el salario anual y calcular el salario mensual // Preguntar el salario mensual y calcular el anual // diario... semanal, por hora. etc. - +/* function calcularSalarioAnual(salarioMensual) { const cantidadMesesEnUnAnio = 12; return salarioMensual * cantidadMesesEnUnAnio; } + function calcularSalarioMensual(salarioAnual) { const cantidadMesesEnUnAnio = 12; return salarioAnual / cantidadMesesEnUnAnio; @@ -43,6 +46,7 @@ const salarioAnual = Number(prompt('Cuál es tu salario mensual?')); console.log('Tu salario mensual es ' + calcularSalarioMensual(salarioAnual)); console.log('Tu salario semanal es ' + calcularSalarioSemanal(salarioAnual)); console.log('Tu salario diario es ' + calcularSalarioDiario(salarioAnual)); +*/ /// SCOPE diff --git a/tareas/clase-2/tarea-clase-2.js b/tareas/clase-2/tarea-clase-2.js index 1299b4686..a7afa81be 100644 --- a/tareas/clase-2/tarea-clase-2.js +++ b/tareas/clase-2/tarea-clase-2.js @@ -18,6 +18,7 @@ // TAREA: Cambiar el operador a '-', y fijarse que llame a la función 'restar' en vez de a la de 'sumar'. +/* function sumar(numero1, numero2) { return numero1 + numero2; } @@ -37,8 +38,9 @@ if (operador === '+') { resultado = restar(numero1, numero2); } + //https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/template_strings console.log( `El resultado de ${numero1} ${operador} ${numero2} es ${resultado}` ); - +*/ diff --git a/tareas/clase-3/tarea-clase-3.js b/tareas/clase-3/tarea-clase-3.js index cbc989b98..dbe010253 100644 --- a/tareas/clase-3/tarea-clase-3.js +++ b/tareas/clase-3/tarea-clase-3.js @@ -6,11 +6,50 @@ // Si el nombe del usuario es el mismo que el que nombre que eligieron // Imprimir "Hola " y el nombre, " te llamás igual que mi ..." // Si no, simplemente imprimir "Hola " + nombre! +/* +let nombreUsuario = prompt("Ingrese su nombre").toLowerCase() +const miNombre = ("Leonardo").toLowerCase() +const nombrePariente = ("Alejandro").toLowerCase() +let userConMayus = nombreUsuario[0].toUpperCase()+nombreUsuario.slice(1) + +function saludar(nombreUsuario){ +let mensaje; + if(nombreUsuario === miNombre){ + mensaje = "Hola tocayo!, yo también me llamo " + userConMayus +"!."; + } else if (nombreUsuario === nombrePariente){ + mensaje = "Hola " + userConMayus + "!, te llamas igual que mi cuñado." + } else { + mensaje = "Hola " + userConMayus +"!, bienvenido al sitio" + } + console.log(mensaje) +} + +saludar(nombreUsuario) +*/ + + //Tarea 2: // Preguntar la edad del usuario // Hacerle saber si tiene más, menos ó la misma edad que nosotros. +/* +let edadUsuario = prompt("Ingrese su edad") +let miEdad = 32 +function compararEdad (edadUsuario){ + let mensaje; + if (edadUsuario > miEdad){ + mensaje = "Sos mayor que yo, tenés " + edadUsuario + " años." + } else if (edadUsuario < miEdad){ + mensaje = "Sos menor que yo, tenés " + edadUsuario + " años." + } else { + mensaje = "Tenemos la misma edad, ambos " + edadUsuario + " años." + } + console.log(mensaje) +} +compararEdad(edadUsuario) +*/ + //Tarea 3: // Preguntarle al usuario si tiene documento, y que conteste con "si" o "no". // Si dice si, preguntarle la edad. @@ -19,3 +58,32 @@ // Si no tiene documento, no dejarlo entrar al bar. // Si no entendemos la respuesta, le decimos que no entendimos la respuesta. // Punto bonus: SI, NO, Si, No, si, no. + +/* +const tieneDNI = prompt("¿Tenés documento? (Si/No)").toLowerCase(); +const afirmativo = "si"; +const negativo = "no"; +const edadMinima = 18; + +function ingresoAlBar(){ +let mensaje; +if (tieneDNI === afirmativo) { + const edadUsuario = Number(prompt("¿Cuántos años tenés?")); + + if (edadUsuario >= edadMinima) { + mensaje = "¡Bienvenido al bar! Podés ingresar" + } else if (edadUsuario < edadMinima) { + mensaje = "No se puede ingresar siendo menor de 18 años." + } else { + mensaje = "No entendí su respuesta" + } +} else if (tieneDNI === negativo) { + mensaje = "No podés ingresar sin DNI" +} else { + mensaje = "No entendí su respuesta" +} + alert(mensaje) +} +ingresoAlBar() +*/ + diff --git a/tareas/clase-4/index.html b/tareas/clase-4/index.html index 57e8ba0a7..556ca733c 100644 --- a/tareas/clase-4/index.html +++ b/tareas/clase-4/index.html @@ -5,8 +5,8 @@ r/Argentina programa | Intro a JavaScript | Tarea Clase 4 - +

    Un mensaje para que no esté tan vacia la página

    diff --git a/tareas/clase-4/tarea-clase-4.js b/tareas/clase-4/tarea-clase-4.js index 0cec85a75..10047098e 100644 --- a/tareas/clase-4/tarea-clase-4.js +++ b/tareas/clase-4/tarea-clase-4.js @@ -1,9 +1,11 @@ // TAREA: Imprimí cada 3er número del 3 al 22 usando un 'bucle for'. +//ya esta hecho // TAREA: Usando un bucle 'while', decile a tu computadora que registre los números de // diez a uno. +//ya esta hecho // TAREA: Ha llegado el momento de un ejercicio clásico: 'FizzBuzz'. // Cuenta del 1 al 50 e imprime los números: @@ -17,5 +19,20 @@ // 16% 4 = 0 - en 16 tenemos 4 * 4 // 19% 4 = 3 - en 19 tenemos 4 * 4 + 3, etc. +//ya esta hecho + // Calcular el promedio de todos los números en un array de números. (y ponerlo en una función) -// ej.: calcularPromedio([10,5,4,2,8]) \ No newline at end of file +// ej.: calcularPromedio([10,5,4,2,8]) + +/* +function calcularPromedio (array){ +let sumaInterna = 0 + for(let i = 0; i < array.length; i++){ + sumaInterna += array[i] +} + console.log("El valor de los números dentro del array es " + sumaInterna) + console.log("La cantidad de elementos internos del array es " + array.length) + console.log("El promedio es " + sumaInterna/array.length) +} +calcularPromedio([2,4,6,8,10]) +*/ \ No newline at end of file diff --git a/tareas/clase-5/index.html b/tareas/clase-5/index.html deleted file mode 100644 index 00bd40b8e..000000000 --- a/tareas/clase-5/index.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - Clase 5 - - - - - \ No newline at end of file diff --git a/tareas/clase-5/tarea-clase-5.js b/tareas/clase-5/js/tarea-clase-5.js similarity index 90% rename from tareas/clase-5/tarea-clase-5.js rename to tareas/clase-5/js/tarea-clase-5.js index ecece12f7..400ae3549 100644 --- a/tareas/clase-5/tarea-clase-5.js +++ b/tareas/clase-5/js/tarea-clase-5.js @@ -15,6 +15,7 @@ $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 @@ -22,6 +23,18 @@ $botonCalcular.onclick = function() //cuando el usuario haga click en el botón "calcular", mostrar el salario mensual // en una caja de texto deshabilitada. --> +/* +const btn = document.querySelector("#btn_salario") +btn.onclick = function(){ + const salarioAnual = document.querySelector("#salario_anual").value + const salarioMensual = document.querySelector("#salario_mensual") + salarioMensual.value = "Tu sueldo mensual es: " + (salarioAnual/12).toFixed(2) +} +*/ + + + + //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! diff --git a/tareas/clase-5/tarea1.js b/tareas/clase-5/js/tarea1.js similarity index 100% rename from tareas/clase-5/tarea1.js rename to tareas/clase-5/js/tarea1.js diff --git a/tareas/clase-5/js/tarea2.js b/tareas/clase-5/js/tarea2.js new file mode 100644 index 000000000..01f95db8a --- /dev/null +++ b/tareas/clase-5/js/tarea2.js @@ -0,0 +1,17 @@ +const btn = document.querySelector("#btn") + +btn.onclick = function(){ +let nombre = document.querySelector("#nombre_user").value +const segundoNombre = document.querySelector("#segundoNombre_user").value +const apellido = document.querySelector("#apellido_user").value +const edad = document.querySelector("#edad_user").value +const resultado = document.querySelector("#resultado") +const nuestroTitulo = document.querySelector("h1") + +let nombreMayus = nombre[0].toUpperCase() + nombre.slice(1).toLowerCase() +let segundoNombreMayus = segundoNombre[0].toUpperCase() + segundoNombre.slice(1).toLowerCase() +let apellidoMayus = apellido[0].toUpperCase() + apellido.slice(1).toLowerCase() + +nuestroTitulo.innerText = "Bienvenido al sitio " + nombreMayus +"!" +resultado.innerText = "Tus datos personales: " + nombreMayus + " " + segundoNombreMayus + " " + apellidoMayus + ", " + edad +" años de edad."; +} \ No newline at end of file diff --git a/tareas/clase-5/js/tarea3.js b/tareas/clase-5/js/tarea3.js new file mode 100644 index 000000000..1ee265d74 --- /dev/null +++ b/tareas/clase-5/js/tarea3.js @@ -0,0 +1,29 @@ +document.querySelector("#boton-calcular").onclick = function () { + const horas = document.querySelectorAll(".horas"); + console.log(horas) + let horasTotales = 0; + for (let i = 0; i < horas.length; i++) { + horasTotales += Number(horas[i].value); + } + const minutos = document.querySelectorAll(".minutos"); + let minutosTotales = 0; + for (let i = 0; i < minutos.length; i++) { + minutosTotales += Number(minutos[i].value); + } + const segundos = document.querySelectorAll(".segundos"); + let segundosTotales = 0; + for (let i = 0; i < segundos.length; i++) { + segundosTotales += Number(segundos[i].value); + } + if (segundosTotales / 60 >= 1) { + minutosTotales += parseInt(segundosTotales / 60); + segundosTotales = segundosTotales % 60; + } + if (minutosTotales / 60 >= 1) { + horasTotales += parseInt(minutosTotales / 60); + minutosTotales = minutosTotales % 60; + } + document.querySelector( + "#resultado" + ).innerHTML = `Tiempo total: ${horasTotales} horas, ${minutosTotales} minutos, ${segundosTotales} segundos`; + }; \ No newline at end of file diff --git a/tareas/clase-5/js/tarea4.js b/tareas/clase-5/js/tarea4.js new file mode 100644 index 000000000..286f54fe6 --- /dev/null +++ b/tareas/clase-5/js/tarea4.js @@ -0,0 +1,34 @@ +const valorLista = document.querySelectorAll("li") + +let arrayCargado = [] +function numbersToArray(){ + for(let i = 0; i < valorLista.length; i++){ + arrayCargado.push(parseInt(valorLista[i].textContent)) +} + return arrayCargado; +} +numbersToArray() +console.log(arrayCargado) + + +function sumarInternosDelArray(){ + let sumaInterna = 0 + for (let i = 0; i < arrayCargado.length; i++){ + sumaInterna = sumaInterna + arrayCargado[i] + } + return sumaInterna; +} +sumarInternosDelArray() + +const resultado = document.querySelector("#resultado") +const resultadoMenor = document.querySelector("#resultadoMenor") +const resultadoMayor = document.querySelector("#resultadoMayor") +const menorDelArray = Math.min(...arrayCargado) +const mayorDelArray = Math.max(...arrayCargado) + +resultado.innerHTML = "El promedio de los números dentro del array es " + (sumarInternosDelArray()/arrayCargado.length).toFixed(2) +resultadoMenor.innerHTML = "El número menor dentro del array es: " + menorDelArray +resultadoMayor.innerHTML = "El número mayor dentro del array es: " + mayorDelArray + + + diff --git a/tareas/clase-5/resuelto.html b/tareas/clase-5/resuelto.html new file mode 100644 index 000000000..a54c1408e --- /dev/null +++ b/tareas/clase-5/resuelto.html @@ -0,0 +1,21 @@ + + + + + + + Clase 5 + + +
    + + + + + + +
    + + + \ No newline at end of file diff --git a/tareas/clase-5/tarea1.html b/tareas/clase-5/tarea1.html index 85fa5b1d7..149428957 100644 --- a/tareas/clase-5/tarea1.html +++ b/tareas/clase-5/tarea1.html @@ -5,17 +5,24 @@ - Clase 5 + Clase 5 | Tarea 1 -
    - - - - - - -
    - +
    +
    + + + + + + + + + + +
    +
    + + \ No newline at end of file diff --git a/tareas/clase-5/tarea2.html b/tareas/clase-5/tarea2.html new file mode 100644 index 000000000..040a2156c --- /dev/null +++ b/tareas/clase-5/tarea2.html @@ -0,0 +1,48 @@ + + + + + + + Clase 5 | Tarea 2 + + +
    + +

    Bienvenido!

    +
    +

    Complete el formulario con sus datos

    + + + + +
    + + +
    +
    +
    +
    + + + + + + + \ No newline at end of file diff --git a/tareas/clase-5/tarea3.html b/tareas/clase-5/tarea3.html new file mode 100644 index 000000000..b6d75c97b --- /dev/null +++ b/tareas/clase-5/tarea3.html @@ -0,0 +1,57 @@ + + + + + + + Clase 5 | Tarea 3 + + +
    +

    Ingrese la duracion de las clases

    +
    + + + + +
    +
    + + + + +
    +
    + + + + +
    +
    + + + + +
    +
    + + + + +
    + +
    + + + + + + \ No newline at end of file diff --git a/tareas/clase-5/tarea4.html b/tareas/clase-5/tarea4.html new file mode 100644 index 000000000..cb58fbfd4 --- /dev/null +++ b/tareas/clase-5/tarea4.html @@ -0,0 +1,74 @@ + + + + + + + Clase 5 | Tarea 4 + + +
    +
      +
    1. 12
      2. +
    2. 7
      3. +
    3. 4
      4. +
    4. 26
      5. +
    5. 13
      6. +
    6. 2
      7. + +
    +
    + + + +
    +
    +

    TAREA: En otro archivo distinto

    +

    Crear una lista de -ol- y -li- que contengan sólo números. + Convertir esos números a un array y:

    +
      +

      Calcular el promedio y mostrarlo en un em pre-creado con el texto "El promedio es..."

      +

      Obtener el número más pequeño y mostrarlo en un -em- pre-creado con el texto "El número más pequeño es..."

      +

      Obtener el número más grande y mostrarlo en un -em- pre-creado con el texto "El número más grande es..."

      +

      Obtener el número que más se repite y mostrarlo en un -em- pre-creado con el texto "El número más frecuente es..."

      +
    + +
    +
    + + + + + + + + \ No newline at end of file diff --git a/tareas/clase-6/index.html b/tareas/clase-6/index.html deleted file mode 100644 index e69de29bb..000000000 From f96bf70021bbff4304f3f1574304a75c644670dc Mon Sep 17 00:00:00 2001 From: Dferprojects Date: Mon, 10 Apr 2023 17:55:29 -0300 Subject: [PATCH 2/3] Ejercicios-resueltos --- tareas/clase-4/index.html | 1 + tareas/clase-4/tarea-clase-4-algoritmos.js | 194 +++++++++++++++++---- 2 files changed, 163 insertions(+), 32 deletions(-) diff --git a/tareas/clase-4/index.html b/tareas/clase-4/index.html index 556ca733c..b88a05124 100644 --- a/tareas/clase-4/index.html +++ b/tareas/clase-4/index.html @@ -6,6 +6,7 @@ r/Argentina programa | Intro a JavaScript | Tarea Clase 4 +

    Un mensaje para que no esté tan vacia la página

    diff --git a/tareas/clase-4/tarea-clase-4-algoritmos.js b/tareas/clase-4/tarea-clase-4-algoritmos.js index 185ec86b4..6a96d0d8a 100644 --- a/tareas/clase-4/tarea-clase-4-algoritmos.js +++ b/tareas/clase-4/tarea-clase-4-algoritmos.js @@ -5,62 +5,192 @@ Estos desafíos de coding están enfocados para los principiantes, por lo tanto usando elementos de programación simples y clásicos. */ + +// 1 - Desafío de programación #1: Imprimí los números del 1 al 10 +//Resultado: 10 9 8 7 6 5 4 3 2 1 + /* -Desafío de programación #1: Imprimí los números del 1 al 10 +let inicio = 10 +while (inicio > 0){ + console.log(inicio) + inicio-- +} +*/ + - Resultado: 10 9 8 7 6 5 4 3 2 1 +// 2 - Desafìo de programación #2: Imprimí los números impares del 1 al 100 +//1 3 5 ... 99 + +/* +for(let i = 1; i <=100; i+=2){ + console.log(i) +} +*/ +/* +for(let i = 1; i <=100; i++ ){ + if(i % 2 === 1){ + console.log(i) +} +} +*/ + + +// 3 - Desafío de programación #3: Imprimí la tabla de multiplicación del 7 +//7x0 = 0 +//7x1 = 7 +//7x9 = 63 + +/* + for(let j = 0; j <= 10; j++){ + console.log("7x" + j + "=" + 7*j) + } +*/ + + +/* 4 - Desafío de programación #4: Imprimí todas las tablas de multiplicación del 1 al 9 +1x0 = 0 +... +1x9 = 9 +2x0 = 0 +... +2x9 = 18 +... +... +9x9 = 81 +*/ - Desafìo de programación #2: Imprimí los números impares del 1 al 100 +/* +for(let i = 1; i<=9;i++){ + for(let j = 1; j<=9;j++){ + console.log(i+"x"+j+"="+i*j) + }console.log("------") +} +*/ - 1 3 5 ... 99 -Desafío de programación #3: Imprimí la tabla de multiplicación del 7 - 7x0 = 0 - 7x1 = 7 - ... - 7x9 = 63 -Desafío de programación #4: Imprimí todas las tablas de multiplicación del 1 al 9 +// 5 - Desafío de programación #5: Calcula el resultado de la suma de los numeros del 1 al 10 en un array. + //[1,2,3,4,5,6,7,8,9,10] - 1x0 = 0 - ... - 1x9 = 9 - 2x0 = 0 - ... - 2x9 = 18 - ... - ... - 9x9 = 81 +//1 + 2 + 3 + ... + 10 = ? hacerlo con un array y un bucle -Desafío de programación #5: Calcula el resultado de la suma de los numeros del 1 al 10 en un array. - [1,2,3,4,5,6,7,8,9,10] +/* +let array = [1,2,3,4,5,6,7,8,9,10] +let suma = 0 +for(let reco of array){ + suma +=reco +} console.log(suma) +*/ - 1 + 2 + 3 + ... + 10 = ? //hacerlo con un array y un bucle -Desafío de programación #6: Calcula 10! (10 factorial) - 10 * 9 * 8 * ... * 1 +// 6 - Desafío de programación #6: Calcula 10! (10 factorial) +//10 * 9 * 8 * ... * 1 -Desafío de programación #7: Calcula la suma de todos los números impares mayores que 10 y menores que 30 +/* +let inicio = 10 +let producto = 1 +for(let i = 1; i <= inicio; i++ ){ + producto *= i +} console.log(producto) +*/ -Desafío de programación #8: Crea una función que convierta de Celsius a Fahrenheit +// 7 - Desafío de programación #7: Calcula la suma de todos los números impares mayores que 10 y menores que 30 +//11+13+15+17+19+21+23+25+27+29 = 200 -Desafío de programación #9: Crea una función que convierta de Fahrenheit a Celsius +/* +let sumaInterna=0 +for(let i = 11; i < 30; i+=2){ + sumaInterna+=i +} console.log(sumaInterna); +*/ -Desafío de programación #10: Calcula la suma de todos los números en un array de números -Desafío de programación #11: Calcula el promedio de todos los números en un array de números. (en una función) +// 8 - Desafío de programación #8: Crea una función que convierta de Celsius a Fahrenheit -Desafío de programación #12: Crea una función que reciba un array de números y devuelva un array conteniendo solo los números positivos +/* +function celsiusToFarenheit(grados){ + let formula = (grados*9/5)+32 + let mensaje = grados + "° Celsius, equivalen a " + formula + "° Farenheit." + return mensaje +} +console.log(celsiusToFarenheit(29)) +*/ -Desafío de programación #13: Find the maximum number in an array of numbers +// 9 - Desafío de programación #9: Crea una función que convierta de Fahrenheit a Celsius -Desafío de programación #14: Imprimir los primeros 10 dígitos de Fibonacci sin recursión +/* +function farenheitToCelsius(grados){ + let formula = (grados-32)*5/9 + let mensaje = grados + "° Farenheit, equivalen a " + formula.toFixed(2) + "° Celsius." + return mensaje +} +console.log(farenheitToCelsius(84)) +*/ + +// 10 - Desafío de programación #10: Calcula la suma de todos los números en un array de números + +/* +let array = [1,2,3,4,5,6] +let suma = 0 +for(let recorrido of array){ + suma+=recorrido +} console.log(suma) +*/ + + +// 11 - Desafío de programación #11: Calcula el promedio de todos los números en un array de números. (en una función) + +/* +let array = [1,2,3,4,5,6,7] +function calcularInternos(array){ + let suma = 0 + for(let recorrido of array){ + suma+=recorrido + }console.log(suma/array.length) +} +calcularInternos(array) +*/ + +// 12 - Desafío de programación #12: Crea una función que reciba un array de números y devuelva un array conteniendo solo los números positivos + +/* +function devolverPositivos(array){ + let positivos = array.filter(number => number > 0); + return positivos; +} +console.log(devolverPositivos([-2, -3, 1, 2, 3, 4, -4])) +*/ + + +// 13 - Desafío de programación #13: Find the maximum number in an array of numbers + +/* +function encontrarMaximo(array){ + return Math.max(...array) +} +console.log(encontrarMaximo([2,4,6,9,12,1])) +*/ + +/* 14 - Desafío de programación #14: Imprimir los primeros 10 dígitos de Fibonacci sin recursión Fibonacci (lo buscan en google si no lo saben o no se acuerdan) El resultado debería ser: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55 +*/ + +/* +function generarFibonacci(limite){ +const fibo = [0, 1]; +for(let i = 2; i < limite; i++){ + fibo[i]= fibo[i-1]+fibo[i-2] +} return fibo; +} +console.log(generarFibonacci(11)) +*/ + +/* Desafío de programación #15: Crear una función que encuentre el número n de Fibonacci usando recursión Desafío de programación #16: Crear una función que dado un número retorne un Boolean (true/false) dependiendo si es primo o no. From 2ee9e131ceae26041580f53eadf114dbce306483 Mon Sep 17 00:00:00 2001 From: Dferprojects Date: Mon, 10 Apr 2023 18:48:36 -0300 Subject: [PATCH 3/3] arrays --- tareas/clase-4/tarea-clase-4-algoritmos.js | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/tareas/clase-4/tarea-clase-4-algoritmos.js b/tareas/clase-4/tarea-clase-4-algoritmos.js index 6a96d0d8a..6b0e8e8f4 100644 --- a/tareas/clase-4/tarea-clase-4-algoritmos.js +++ b/tareas/clase-4/tarea-clase-4-algoritmos.js @@ -195,12 +195,29 @@ Desafío de programación #15: Crear una función que encuentre el número n de Desafío de programación #16: Crear una función que dado un número retorne un Boolean (true/false) dependiendo si es primo o no. +/* Desafío de programación #17: Calcular la suma de los dígitos positivos de un número entero positivo Ejemplo: 123 = 1 + 2 + 3 = 6 2 = 2 1234 = 1 + 2 + 3 + 4 = 10 +function calcularDigitosPositivos(numeros){ +let numToArray = numeros.toString().split("") +let suma = 0 + for (let num of numToArray){ + suma += parseInt(num) + } return suma; +} + +console.log(calcularDigitosPositivos(123)) //6 +console.log(calcularDigitosPositivos(1237)) //13 +console.log(calcularDigitosPositivos(12345)) //15 +console.log(calcularDigitosPositivos(123456)) //21 +console.log(calcularDigitosPositivos(123789)) //30 + +*/ +/* Desafío de programación #18: Imprimir los primeros 100 números primos Desafío de programación #19: Crear una función que retorne un array con los primeros números "n-primos" mayores que un número particular definido "alComienzo"