[David Fernando Gomez Rodriguez]

Buena tarde envio mi solucion a los retos del modulo 4, de pronto haya que cambiar el src del scrip, ya que yo los tenia separados los archivos de JS con los de HTML.

y una pregunta es que en el modulo de eventos se dice que se va a dejar documentación, pero no la encuentro, no se si aun no se ha subido.

Gracias.

scrip13-Reto-2.js 4 KB JavaScript - Click to view

• Copy Download Link

/* Reto 2: Funciones Temperatura local En la ciudad de Cancún se llevó a cabo un registro de la temperatura alcanzada en verano cada hora durante un día. Las temperaturas fueron ingresadas de manera ordenada, siendo la primera correspondiente a las 12:00hrs y la última a las 23:00hrs Encuentra la temperatura promedio registrada, así como la temperatura máxima y la temperatura mínima con el horario en el cual se registraron. Adicional a estos datos, se requiere obtener la varianza y la desviación estándar de las temperaturas. Datos: Temperatura Donde: Temperatura: Variable de entrada que representa la temperatura registrada en una hora determinada Consideraciones: Se debe visualizar en una tabla el registro de todas las temperaturas ingresadas. El contenido de la tabla debe actualizarse con cada temperatura registrada Los valores de promedio, temperatura máxima, temperatura mínima, varianza y desviación estándar deben irse actualizando constantemente con cada nueva temperatura ingresada y deben ser visualizadas a partir de la segunda temperatura registrada. */ let temperatura = []; function hola() { alert("hola"); } function temperaturas() { let temp = document.getElementById("temperatura").value; if (isNaN(temp) || temp == "") { alert("Ingrese una temperatura valida"); } else { temp = parseFloat(temp); temperatura.push(temp); const resultado = temps(temperatura); document.getElementById("conteo").innerHTML = `Temperaturas registradas: ${temperatura.length}`; if (temperatura.length > 1) { let cuadro = document.getElementById("tabla"); if (cuadro.classList.contains("invisible")) { cuadro.classList.remove("invisible"); } document.getElementById("promedio").innerHTML = resultado.promedio(); document.getElementById("tMax").innerHTML = resultado.tempMax(); document.getElementById("tMin").innerHTML = resultado.tempMin(); document.getElementById("varianza").innerHTML = resultado.varianza(); document.getElementById("dEstandar").innerHTML = resultado.devEst(); let i = 1; let contenido = ""; temperatura.forEach(element => { contenido += `${i}. ${element}°C<br>` i++; }); document.getElementById("temperaturas").innerHTML = `${contenido}`; } } } let temps = (tempe) => { array = tempe; calculos = { varianza: () => { let media = calculos.promedio(); let sumatoria = 0; array.forEach(element => { sumatoria += Math.pow((element - media), 2); }); return (sumatoria / (array.length - 1)).toFixed(4); }, tempMax: () => { let tmax = -100000; array.forEach(element => { if (tmax { let tmin = 100000; array.forEach(element => { if (tmin > element) { tmin = element; } }); return tmin; }, promedio: () => { let promedio = 0; array.forEach(element => { promedio += element; }); return (promedio / array.length).toFixed(4); }, devEst: () => { let media =calculos.promedio(); let sumatoria=0; array.forEach(element => { sumatoria+=Math.pow((element-media),2) }); return (Math.sqrt(sumatoria/array.length)).toFixed(4); } } return calculos; } function reiniciar() { temperatura = []; }

Expand

scrip12-Reto-1.js 3 KB JavaScript - Click to view

• Copy Download Link

/* Reto 1: Objetos estándar Registro de calificaciones Escribe un programa que almacene un listado de calificaciones de un grupo de alumnos inscritos al curso de JavaScript. El programa debe ser capaz de poder clasificar las calificaciones usando la siguiente tabla. Rangos 0 a 3.99 4 a 5.99 6 a 7.99 8 a 8.99 9 a 10 El programa debe, además, calcular el promedio de calificación del grupo. Se debe crear una tabla en pantalla donde podamos visualizar la relación de alumnos que han quedado en los diferentes rangos. Con cada nueva calificación ingresada, la tabla debe actualizarse de manera automática, asi como el resultado del promedio grupal. Datos: Calificación Donde: Calificación: Variable de entrada que representa la calificación de un alumno Consideraciones: Solo se aceptan calificaciones entre 0 y 10 El programa solo puede almacenar como máximo 40 calificaciones Cada calificación se debe ingresar de manera individual, sin perder el registro de las calificaciones ingresadas previamente. */ let calificaciones = [] function notas() { //const tabla = document.getElementById("tabla") let nota = document.getElementById("calificacion").value if (isNaN(nota) || nota == "") { alert("ingrese un valor valido"); } else if (nota 10) { alert("El valor ingresado esta fuera del rango permitido"); } else if (calificaciones.length > 39) { alert("Maximo de 40 calificaciones"); } else { nota = parseFloat(nota); calificaciones.push(nota); const resultado = curso(calificaciones); document.getElementById("notaE").innerHTML = resultado[5]; document.getElementById("notaS").innerHTML = resultado[4]; document.getElementById("notaA").innerHTML = resultado[3]; document.getElementById("notaI").innerHTML = resultado[2]; document.getElementById("notaD").innerHTML = resultado[1]; document.getElementById("promedio").innerHTML = resultado[0].toFixed(2); document.getElementById("estudiantes").innerHTML = calificaciones.length; } } let curso = (calificaciones) => { array = calificaciones; let e = 0; let s = 0; let a = 0; let i = 0; let d = 0; let promedio = 0; let resultados = []; array.forEach(element => { if (element >= 0 && element = 4 && element = 6 && element = 8 && element = 9 && element { calificaciones=[]; document.getElementById("notaE").innerHTML = 0; document.getElementById("notaS").innerHTML = 0; document.getElementById("notaA").innerHTML = 0; document.getElementById("notaI").innerHTML = 0; document.getElementById("notaD").innerHTML = 0; document.getElementById("promedio").innerHTML = 0.00; document.getElementById("estudiantes").innerHTML = calificaciones.length; }

Expand

HTML13-Reto-2.html 2 KB HTML - Click to view

• Copy Download Link

<title>Temperaturas</title> .invisible{ display: none; } .cabecera{ text-align: center; } #tabla{ margin: auto; border: solid 1px black; } td{ border: solid 1px blue; } .temp{ padding-left: 1rem; padding-right: 1rem; text-align: center; } .temps{ overflow-y: scroll; } #temperaturas{ max-height: 100px; } <section class="cabecera"> <h1>Temperaturas</h1> <label for="temperatura">Ingrese la temperatura</label> °C <br> <br> <button type="button">Agregar</button> <button type="button">reiniciar</button> <p id="conteo">Temperaturas registradas: 0</p> </section> <section> <table id="tabla" class="invisible"> <tr> <th colspan="2">Resultados</th> </tr> <tr> <td>Promedio</td> <td id="promedio" class="temp"></td> </tr> <tr> <td>Temperatura Maxima</td> <td id="tMax" class="temp"></td> </tr> <tr> <td>Temperatura Minima</td> <td id="tMin" class="temp">1</td> </tr> <tr> <td>Varianza</td> <td id="varianza" class="temp"></td> </tr> <tr> <td>Deviación Estandar</td> <td id="dEstandar" class="temp"></td> </tr> <tr> <td>Temperaturas</td> <td class="temp temps"><p id="temperaturas"></p></td> </tr> </table> </section>

Expand

HTML12-Reto-1.html 2 KB HTML - Click to view

• Copy Download Link

<title>Calificaciones</title> .cabecero{ text-align: center; } table{ margin: auto; margin-top: 1rem; border: solid 1px black; } td{ border: solid 1px blue; } .notas{ padding-left: 1rem; padding-right: 1rem; text-align: center; } <section class="cabecero"> <h1>Calificaciones</h1> <br> <label for="calificacion">Ingrese la calificación del estudiante: </label> <br><br> <button type="button">Agregar</button> <button type="button">Reiniciar</button> </section> <section> <table id="tabla"> <tr> <th colspan="2">Calificaciones</th> </tr> <tr> <td>Excelente</td> <td id="notaE" class="notas">0</td> </tr> <tr> <td>Sobresaliente</td> <td id="notaS" class="notas">0</td> </tr> <tr> <td>Aceptable</td> <td id="notaA" class="notas">0</td> </tr> <tr> <td>Insuficiente</td> <td id="notaI" class="notas">0</td> </tr> <tr> <td>Deficiente</td> <td id="notaD" class="notas">0</td> </tr> <tr> <td>Promedio curso</td> <td id="promedio" class="notas">0.00</td> </tr> <tr> <td>Cantidad Estudiantes</td> <td id="estudiantes" class="notas">0</td> </tr> </table> </section>

Expand