r-argentina-programa · Marcos8i22o · Feb 1, 2020 · Feb 9, 2020 · Feb 10, 2020 · Feb 27, 2020
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+
+tareas/clase-6/tarea 2/pseudocódigo.txt
diff --git a/tareas/clase-1/index.html b/tareas/clase-1/index.html
@@ -7,6 +7,28 @@
 </head>
 
 <body>
-<script src="tarea-clase-1.js"></script>
+    <form>
+        <div>
+            <label for="actual">Ingrese el año actual: </label>
+            <input type="number" id="actual">
+        </div>
+
+        <div>
+            <label for="nacimiento">Ingrese su año de nacimiento: </label>
+            <input type="number" id="nacimiento">
+        </div>
+
+        <button type="button" id="calcular-edad">
+            Calcular edad del usuario
+        </button>
+
+    </form>
+
+
+    <script src="tarea-clase-1.js">
+    </script>
+
+
 </body>
-</html>
+
+</html>
diff --git a/tareas/clase-1/tarea-clase-1.js b/tareas/clase-1/tarea-clase-1.js
@@ -3,19 +3,31 @@
 // Preguntarle estos datos al usuario y guardarlos en 2 variables
 // Ejecutar la función con estos datos
 // Impriman el resultado en la consola
+
+document.querySelector('#calcular-edad').onclick = function (){
+    const anioActual = Number(document.querySelector('#actual').value);
+    const anioNacimiento = Number(document.querySelector('#nacimiento').value);
+    console.log('Tenés ' + calcularEdad(anioActual, anioNacimiento) + ' años');
+};
+
+
 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;
@@ -44,6 +56,8 @@ 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
 
 // Variable hoisting -> izar

diff --git a/tareas/clase-6/funciones.js b/tareas/clase-6/funciones.js
@@ -0,0 +1,58 @@
+function crearUsuario(cantidadIntegrantes) {
+
+    for (let i = 0; i < cantidadIntegrantes; i++) {
+
+        const $integrantes = document.querySelector('#integrantes');
+        $integrantes.className = ".integrante";
+
+        const $label = document.createElement('label');
+        const textoLabel = (document.createTextNode('Edad del integrante # ' + (i + 1)));
+        $label.appendChild(textoLabel);
+
+        const $input = document.createElement('input'); //Creo el tag input
+        $input.type = "number";
+        $input.min = "0";
+        $input.max = "100";
+        $input.className = "edades";
+
+        $integrantes.appendChild($label);
+        $integrantes.appendChild($input); //Al elemento "$integrantes" le agrego el elemento hijo "$input"  
+
+
+    }
+
+}
+
+
+function calcularMayorEdad(edades) {
+    let maxEdad = 0;
+    for (let i = 0; i < edades.length; i++) {
+        if (edades[i].value > maxEdad) { //Mayor Edades
+            maxEdad = Number(edades[i].value);
+        }
+    }
+    return maxEdad;
+}
+
+function calcularMenorEdad(edades) {
+    let minEdad = 200;
+
+    for (let i = 0; i < edades.length; i++) {
+        if (edades[i].value < minEdad) { //Menor Edades
+            minEdad = Number(edades[i].value);
+        }
+    }
+    return minEdad;
+}
+
+function calcularPromEdad(edades) {
+    let sum = 0;
+
+    for (let i = 0; i < edades.length; i++) {
+        sum += Number(edades[i].value);
+    }
+
+    return (sum / edades.length);
+
+}
+
diff --git a/tareas/clase-6/index.html b/tareas/clase-6/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="main.css">
+    <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
+
+    <title>Tarea 6</title>
+</head>
+<body>
+    <form id="calculador-edades">
+        <label for="cantidad-integrantes">Ingrese la cantidad de integrantes:</label>
+        <input type="number" id="cantidad-integrantes">
+        <button type="button" id="siguiente-paso">Siguiente</button>
+
+
+        <!--Placeholder para ir rellenando con JS la cantidad de ingresantes ingresada por el usuario-->
+        <div id="integrantes">
+
+        </div>
+
+        <button type="button"  id="calcular" class="oculto">Calcular</button>
+
+
+
+        <div id="analisis" class="oculto">
+            <p>La edad mayor es: <strong id="mayor-edad"></strong></p>
+            <p>La edad menor es: <strong id="menor-edad"></strong></p>
+            <p>El promedio de edad es: <strong id="promedio-edad"></strong></p>
+        </div>
+
+        <button type="reset" id="resetear">
+            Limpiar
+        </button>
+
+    </form>
+    <script type="text/javascript" src="funciones.js"></script>
+    <script type="text/javascript" src="tarea-clase-6.js" ></script>
+</body>
+</html>
diff --git a/tareas/clase-6/main.css b/tareas/clase-6/main.css
@@ -0,0 +1,13 @@
+.oculto {
+    display: none;
+}
+
+#calculador-edades{
+    font-style: italic;
+    font-weight: bolder;
+    background-color: cadetblue;
+}
+
+.edad{
+    background-color: brown;
+}
diff --git a/tareas/clase-6/tarea 2/calculos-tarea-2.js b/tareas/clase-6/tarea 2/calculos-tarea-2.js
@@ -0,0 +1,49 @@
+function mayorSalarioAnual(){
+    const sueldos = document.querySelectorAll('.miembros');
+    let maxSalario = 0;
+
+    for(let i = 0; i < sueldos.length; i++){
+      if (Number(sueldos[i].value) != 0  && Number(sueldos[i].value) > maxSalario ){
+          maxSalario = Number(sueldos[i].value);
+      }
+    }
+
+    return maxSalario;
+  }
+
+function menorSalarioAnual(){
+    const sueldos = document.querySelectorAll('.miembros');
+    let minSalario = 1000000;
+
+    for(let i = 0; i < sueldos.length; i++){
+        if (Number(sueldos[i].value) != 0  && Number(sueldos[i].value) < minSalario ){
+            minSalario = Number(sueldos[i].value);
+        }
+      }
+
+      return minSalario; 
+  }
+
+function salarioAnualPromedio(cantidadMiembros){
+  const sueldos = document.querySelectorAll('.miembros');
+  let salarioPromedio = 0;
+  let sumatoriaSalarios = 0;
+
+  for (let i = 0; i < sueldos.length; i++) {
+    sumatoriaSalarios += Number(sueldos[i].value);
+
+  }
+
+  salarioPromedio = (sumatoriaSalarios / cantidadMiembros);
+
+  return salarioPromedio;
+}
+
+function salarioMensualPromedio(){
+  const mesesDelAnio = 12;
+  let salarioPromedioMensual = 0;
+
+  salarioPromedioMensual = (salarioAnualPromedio(cantidadMiembros) / mesesDelAnio);
+
+  return salarioPromedioMensual;
+}
diff --git a/tareas/clase-6/tarea 2/index-tarea2.html b/tareas/clase-6/tarea 2/index-tarea2.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="main-tarea2.css">
+    <title>Tarea 2 - Clase 6</title>
+
+</head>
+
+<body>
+
+    <header style="color: brown;">Salario Familiar</header>
+
+    <form id="salario-familiar">
+
+
+        <div id="agrega-miembros">
+
+            <button type="button" id="agregar">
+                Agregar miembro
+            </button>
+
+            <button type="button" id="calcular" class="oculto">
+                Calcular
+            </button>
+
+        </div>
+
+        <div id="calculos" class="oculto">
+
+            <p>El mayor salario anual es:
+                <strong id="mayor-salario">
+                </strong>
+            </p>
+            <p>El menor salario anual es:
+                <strong id="menor-salario">
+                </strong>
+            </p>
+            <p>El salario anual promedio es:
+                <strong id="anual-promedio-salario">
+                </strong>
+            </p>
+            <p>El salario mensual promedio es:
+                <strong id="mensual-promedio-salario">
+                </strong>
+            </p>
+
+
+        </div>
+
+        <div id="quitar-miembros">
+            <br>
+            <button type="button" id="quitar">
+                Quitar miembro
+            </button>
+            </br>
+        </div>
+
+        <div id="resetear">
+            <br>
+            <button type="reset" id="reset">
+                Limpiar
+            </button>
+            </br>
+        </div>
+    </form>
+    <script type="text/javascript" src="calculos-tarea-2.js"></script>
+    <script type="text/javascript" src="tarea-2-clase-6.js"></script>
+</body>
+
+</html>
diff --git a/tareas/clase-6/tarea 2/main-tarea2.css b/tareas/clase-6/tarea 2/main-tarea2.css
@@ -0,0 +1,3 @@
+.oculto {
+    display: none;
+}