diff --git a/index.html b/index.html index 976445f3..18a96b12 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,16 @@ + + + +
+ +

Hola!

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

@@ -25,7 +35,7 @@

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

@@ -69,6 +79,6 @@

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

- + diff --git a/js/nivel3.js b/js/nivel3.js index 3dba087e..5792e09d 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); +// console.log(nuestroTitulo.innerText) +// nuestroTitulo.innerText = 'hola everybody' @@ -146,7 +148,13 @@ // TAREA: Obtené todos los elementos
  • de la página en una variable llamada mediaLinks. +const mediaLinks = document.querySelectorAll('li'); +// console.log(mediaLinks); +// for(let i=0; i < mediaLinks.length; i++){ +// console.log(mediaLinks[i].innerText); +// mediaLinks[i].innerText = "Hi"; +// } @@ -155,6 +163,7 @@ // elementos li que hay con mediaLinks.length +//console.log(mediaLinks.length) @@ -163,8 +172,13 @@ // sobre cada item de mediaLinks y mostralos en pantalla con console.log +// for(let i=0; i < mediaLinks.length; i++){ +// console.log(mediaLinks[i].innerText); +// } - +for(let i= 0; i < mediaLinks.length; i++){ + console.log(mediaLinks[i]); +} /* @@ -184,7 +198,11 @@ // TAREA: Obtené el contenido de nuestro elemento 'h1' // y utilizá console.log para mostrarlo. +const titulo = document.querySelector('h1'); +//console.log(titulo.innerText) +console.log(titulo.textContent); +console.log(titulo.innerText); @@ -205,8 +223,9 @@ // TAREA: Hagamos un nuevo título! Cambiá el contenido de nuestro 'h1' y ponele lo que quieras. +// const nombre = prompt('como te llamas?'); - +//titulo.textContent = "YA ES SABADO: " + nombre; /* @@ -223,7 +242,7 @@ // TAREA: Actualizá el valor del atributo 'src' de nuestra etiqueta 'img' a "img/kittens.jpeg". - +document.querySelector('img').src = 'img/kittens.jpeg'; @@ -249,6 +268,9 @@ // Tarea: Obtené cualquier elemento de la página y cambiale algunos estilos. +titulo.style.backgroundColor = 'blue'; +titulo.style.fontSize = '100px'; + @@ -279,6 +301,10 @@ // P.S. También les podés dar estilos al nuevo nodo que creaste. +const nodoImagen = document.createElement('img'); // +nodoImagen.src = 'img/woman_bw.jpg' +document.querySelector('header').appendChild(nodoImagen); + @@ -288,3 +314,23 @@ // Levántate, estira las piernas y celebra tu logro. // // ¡Creo que esto amerita un festejo! // //////////////////////////////////////////////////////////////////////////// + +const botonIngreso = document.querySelector('#ingresar'); + + + + +botonIngreso.onclick = function(evento){ + const edadUsuario = Number(document.querySelector('#edad-usuario').value); + let textoResultado; + if(edadUsuario >= 10){ + textoResultado = 'podes Ingresar'; + + }else{ + textoResultado = 'NO podes Ingresar'; + } + + document.querySelector('#resultado').innerText = textoResultado; + + return false; +} \ No newline at end of file diff --git a/tareas/clase-4/tarea-clase-4-algoritmos.js b/tareas/clase-4/tarea-clase-4-algoritmos.js index 185ec86b..403d93f3 100644 --- a/tareas/clase-4/tarea-clase-4-algoritmos.js +++ b/tareas/clase-4/tarea-clase-4-algoritmos.js @@ -5,50 +5,179 @@ Estos desafíos de coding están enfocados para los principiantes, por lo tanto usando elementos de programación simples y clásicos. */ -/* -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 + +/* function impresionNumerosReversa(){ + let numeros = ""; + for(let i= 10 ; i >= 1 ; i--) { + numeros += i + " "; + } + + return numeros; +} + +console.log(impresionNumerosReversa()); */ + +// --------------------------------------------------------------------------------------------------- + +// Desafìo de programación #2: Imprimí los números impares del 1 al 100 + +/* function numerosImpares(){ + let numeros = ""; + for(let i= 1 ; i < 100 ; i++) { + if(i % 2 === 1){ + numeros += i + " "; + } + + } + + return numeros; +} + +console.log(`los numeros impares del 1 al 100: \n ${numerosImpares()}`); */ + + +// --------------------------------------------------------------------------------------------------- + +// Desafío de programación #3: Imprimí la tabla de multiplicación del 7 - Desafìo de programación #2: Imprimí los números impares del 1 al 100 +// 7x0 = 0 +// 7x1 = 7 +// ... +// 7x9 = 63 - 1 3 5 ... 99 +/* function tablaMultiplicacionSiete(){ + const VALOR_PRINCIPAL_TABLA = 7; + for(let i = 1; i < 10; i++){ + console.log(`7x${i} = ${VALOR_PRINCIPAL_TABLA * i}`); + } +} +tablaMultiplicacionSiete(); */ -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 +// 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 +// 1x0 = 0 +// ... +// 1x9 = 9 +// 2x0 = 0 +// ... +// 2x9 = 18 +// ... +// ... +// 9x9 = 81 -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] +/* function tablasMultiplicacionUnoAlNueve(){ + for(let i = 1; i < 10; i++){ + for(let j = 1; j < 10; j++){ + console.log(`${i}x${j} = ${i * j}`); + } + console.log('\n') + } +} - 1 + 2 + 3 + ... + 10 = ? //hacerlo con un array y un bucle +tablasMultiplicacionUnoAlNueve(); */ -Desafío de programación #6: Calcula 10! (10 factorial) +// --------------------------------------------------------------------------------------------------- - 10 * 9 * 8 * ... * 1 +// 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] -Desafío de programación #7: Calcula la suma de todos los números impares mayores que 10 y menores que 30 +// 1 + 2 + 3 + ... + 10 = ? //hacerlo con un array y un bucle + +/* function sumaNumerosPreLlenadosDeArray(){ + const arrayPreLlenado = [1,2,3,4,5,6,7,8,9,10]; + let sumatoria = 0; + + for(let i = 0; i < arrayPreLlenado.length; i ++ ){ + sumatoria += arrayPreLlenado[i]; + } + + return sumatoria; + +} + +console.log(sumaNumerosPreLlenadosDeArray()); */ + +// --------------------------------------------------------------------------------------------------- + +// Desafío de programación #6: Calcula 10! (10 factorial) +// 10 * 9 * 8 * ... * 1 + +/* function calculaFactorialDiez(){ + let resultadoFinal = 1; + for(let i = 1; i <= 10; i++ ){ + resultadoFinal *= i; + } + + return resultadoFinal; +} + +console.log(calculaFactorialDiez()); + */ +// --------------------------------------------------------------------------------------------------- -Desafío de programación #8: Crea una función que convierta de Celsius a Fahrenheit +// Desafío de programación #7: Calcula la suma de todos los números impares mayores que 10 y menores que 30 -Desafío de programación #9: Crea una función que convierta de Fahrenheit a Celsius +/* function numerosImparesMayoresDiezMenoresTreinta(){ + let sumatoria = 0; + for(let i = 11; i < 30; i = i + 2){ + sumatoria += i; + } -Desafío de programación #10: Calcula la suma de todos los números en un array de números + return sumatoria; + +} + +console.log(numerosImparesMayoresDiezMenoresTreinta()); */ + +// --------------------------------------------------------------------------------------------------- + +// Desafío de programación #8: Crea una función que convierta de Celsius a Fahrenheit + + +/* function convertirDeCelsiusAFahrentheit (celsius) { + const fahrenheit = ((celsius * 9/5) + 32); + return fahrenheit; +} + +console.log(`${convertirDeCelsiusAFahrentheit(17)}°F`); */ + + + +// --------------------------------------------------------------------------------------------------- + +// Desafío de programación #9: Crea una función que convierta de Fahrenheit a Celsius + +/* function convertirDeFahrentheitACelsius(fahrenheit) { + const celsius = ((fahrenheit - 32) * 5/9); + return celsius; +} + +console.log(`${convertirDeFahrentheitACelsius(34)}°C`); */ + +// --------------------------------------------------------------------------------------------------- + +// Desafío de programación #10: Calcula la suma de todos los números en un array de números + +/* function calcularSumaNumerosArray(arrayDado){ + let sumatoria = 0; + + for(let i = 0; i < arrayDado.length; i++){ + sumatoria += arr[i]; + } + + return sumatoria; +} + +console.log(`la sumatoria de los numeros dentro de un arreglo dado son: ${calcularSumaNumerosArray([3,4,5,6])}`); */ + + +/* + Desafío de programación #11: Calcula el promedio de todos los números en un array de números. (en una función) diff --git a/tareas/clase-6/salario-familia.html b/tareas/clase-6/salario-familia.html new file mode 100644 index 00000000..6e8eb8ae --- /dev/null +++ b/tareas/clase-6/salario-familia.html @@ -0,0 +1,42 @@ + + + + + + + + Tarea 06 - Calculo del salario en la familia + + + +

    Calculo del salario de la familia

    + +
    + + + + +

    +

    + +
    + +
    +

    + + + +
    +

    El mayor salario anual es:

    +

    El menor salario anual es:

    +

    El promedio de salario anual:

    +

    El promedio de salario mensual:

    +
    + + +
    + + + + diff --git a/tareas/clase-6/salario-familia.js b/tareas/clase-6/salario-familia.js new file mode 100644 index 00000000..03344c96 --- /dev/null +++ b/tareas/clase-6/salario-familia.js @@ -0,0 +1,162 @@ +document.querySelector("#boton-agregar").onclick = function(){ + + const $cantidadIntegrantes = document.querySelector("#salario-anual-integrante"); + const salarioIntegrante = Number($cantidadIntegrantes.value); + + crearIntegrante(salarioIntegrante); + + document.querySelector("#salario-anual-integrante").value = ''; + + return false; + +} + +document.querySelector("#calcular").onclick = function(){ + + const salariosIntegrantes = obtenerSalariosIntegrantes(); + + mostrarsalarios(salariosIntegrantes); + + return false; +} + +document.querySelector("#resetear").onclick = resetear; + +function resetear(){ + + borrarIntegrantesAnteriores(); + ocultarResultados(); + ocultarBotonCalculo(); + +} + +document.querySelector("#boton-quitar").onclick = function(){ + + borrarUltimoIntegrante(); + +} + + + function borrarUltimoIntegrante() { + const $integrantes = document.querySelectorAll('.integrante'); + console.log($integrantes); + $integrantes[$integrantes.length - 1].remove(); + } + + + function mostrarBotonCalcular() { + document.querySelector('#calcular').className = ''; + } + function ocultarBotonCalculo() { + document.querySelector('#calcular').className = 'oculto'; + } + + function ocultarResultados() { + document.querySelector('#analisis').className = 'oculto'; + } + + function mostrarResultados() { + document.querySelector('#analisis').className = ''; + } + + function mostrarsalarios(salariosIntegrantes) { + document.querySelector('#mayor-salario-anual').textContent = obtenerMayorSalarioAnual(salariosIntegrantes); + document.querySelector('#menor-salario-anual').textContent = obtenerMenorSalarioAnual(salariosIntegrantes); + document.querySelector('#promedio-salario-anual').textContent = obtenerPromedioSalarioAnual(salariosIntegrantes); + document.querySelector('#promedio-salario-mensual').textContent = obtenerPromedioSalarioMensual(salariosIntegrantes); + mostrarResultados(); + } + + + function crearIntegrante(salarioIntegrante) { + + const $div = document.createElement('div'); + $div.className = 'integrante'; + + const $label = document.createElement('label'); + $label.textContent = "Salario Anual del Integrante: "; + const $input = document.createElement('input'); + if(salarioIntegrante === 0){ + $input.value = ''; + }else{ + $input.value = salarioIntegrante; + } + + $input.disabled = true; + $input.type = 'number'; + + + $div.appendChild($label); + $div.appendChild($input); + + + const $integrantes = document.querySelector('#integrantes'); + $integrantes.appendChild($div); + + mostrarBotonCalcular(); + + } + + function obtenerSalariosIntegrantes(){ + + const $integrantes = document.querySelectorAll('.integrante input'); + const salariosIntegrantes = []; + + for (let i = 0; i < $integrantes.length; i++) { + + if(Number($integrantes[i].value) !== 0){ + salariosIntegrantes.push(Number($integrantes[i].value)); + } + + } + return salariosIntegrantes; + + } + + function obtenerMayorSalarioAnual(salarios) { + let mayorSalario = salarios[0]; + for (let i = 0; i < salarios.length; i++) { + if (salarios[i] > mayorSalario) { + mayorSalario = salarios[i]; + } + } + + return mayorSalario; + } + + function obtenerMenorSalarioAnual(salarios) { + let menorSalario = salarios[0]; + for (let i = 0; i < salarios.length; i++) { + if (salarios[i] < menorSalario) { + menorSalario = salarios[i]; + } + } + + return menorSalario; + } + + function obtenerPromedioSalarioAnual(salariosAnuales) { + let promedios = 0; + for (let i = 0; i < salariosAnuales.length; i++) { + promedios += salariosAnuales[i]; + } + + + return promedios/salariosAnuales.length; + } + + function obtenerPromedioSalarioMensual(salariosAnuales) { + + const CANTIDAD_MESES_EN_UN_ANIO = 12; + + let promedios = 0; + salariosMensuales = []; + + + for (let i = 0; i < salariosAnuales.length; i++) { + + promedios += salariosAnuales[i]/CANTIDAD_MESES_EN_UN_ANIO; + } + + return promedios/salariosAnuales.length + } \ No newline at end of file