Análisis de la Mediana Salarial con HTML, CSS y JavaScript

Taller Práctico de JavaScript: Matemáticas y Estadística Básica

Contenido del curso

Introducción

1
¿Ya tomaste el Curso Práctico de JavaScript?
08:20 min

Matemáticas en JavaScript

Porcentajes

Estadística básica

Análisis de salarios

Próximos pasos

30
Toma el Taller Práctico de JavaScript: Videojuegos
04:27 min

Tomar examen

En este módulo pusimos en práctica todo lo que aprendimos en las clases pasadas para calcular la mediana de salarios de tu país (aunque por ahora son solo datos ficticios).

Para completar este reto debes dejar volar tu imaginación y usar todas las herramientas que aprendiste para expandir tu análisis salarial.

¿Cómo? Como quieras

Puedes calcular la mediana de ingresos no fijos, capacidad de ahorro, capacidad de endeudamiento, recolección de impuestos, diferencia salarial, relación entre formalidad/informalidad y pobreza/riqueza…

El reto es de tema libre. Escoge la pregunta que prefieras, incluso mejor si has vivido una situación parecida alguna vez, resuélvela y muéstranos tu solución en los comentarios.

Para lograrlo solo debes seguir los siguientes pasos:

Plantea muy detalladamente el problema/análisis/cálculo/hipótesis que quieres resolver.
Encuentra las fórmulas necesarias para resolver el dilema que seleccionaste.
Define las variables y funciones para resolver tus fórmulas.
Presenta los resultados de tu informe en una página web dinámica usando HTML, CSS y JavaScript.
Organiza y documenta tu código para que sea más fácil de leer y entender.
Publícalo en tu repositorio de GitHub y muéstranos el link en la sección de comentarios.

Te recomiendo que inicies con una pregunta sencilla. Pon un tiempo límite generoso, desarrolla tu proyecto hasta el final y publica tus resultados en la sección de comentarios.

Luego vuelve a empezar con una pregunta más compleja. Y así sucesivamente hasta que tu estudio de salarios sea el proyecto del que más orgullosa te puedas sentir.

Estoy seguro de que los siguientes Platzi Lives serán una gran fuente de inspiración:

Qué está pasando en Colombia y por qué hay protestas

Qué está pasando en Colombia en el 2021

Por qué hay protestas en Chile

Qué es la Economía Naranja (y qué no)

La economía de un programador

Cuánto ganarán los programadores en el 2020 y 2021

Los próximos 4 años de la industria Tech en Latinoamérica

¿Eres de izquierda o de derecha?

Qué es la Bolsa de Valores

Cómo prepararte para una recesión económica

Por qué hay crisis económica y en qué invertir

Complementos

Si sigues adelante con la Escuela de Desarrollo Web, vas a aprender muchas más herramientas de JavaScript para consultar datos desde el backend y manipular el DOM aún más intensamente.

También puedes complementar tu ruta de aprendizaje con la Escuela de Data Science e Inteligencia Artificial. Ahí aprenderás a muchísima, muchísima más profundidad cómo limpiar, consultar y presentar informes a partir de un análisis de datos.

Además, en la Escuela de Finanzas e Inversiones puedes iniciar tu educación, planeación y evaluación financiera para todo tipo de proyectos, ya sea con fines personales, emprendedores o incluso inversionistas.

Espero ver tus retos en la sección de comentarios.

¡Nunca pares de aprender! :green_heart:

Análisis de la Mediana Salarial con HTML, CSS y JavaScript

Todos los cursos GRATIS

Se acaba en:

00díasd:00hrsh:00minm:00segs

Gualberto Montiel

Estudiante

Hace 4 años

Aqui mi ejemplo con el que entendi el proyecto:

function calcularCapacidadEndeudamiento(ingresos, gastos, deudas) {
  // Calcular el margen de endeudamiento
  const margenEndeudamiento = ingresos - gastos;
  
  // Calcular el porcentaje de endeudamiento
  const porcentajeEndeudamiento = deudas / ingresos;
  
  // Calcular la capacidad de endeudamiento
  const capacidadEndeudamiento = margenEndeudamiento * (1 - porcentajeEndeudamiento);
  
  return capacidadEndeudamiento;
}

// Ejemplo de uso
const ingresos = 50000;
const gastos = 30000;
const deudas = 20000;
const capacidad = calcularCapacidadEndeudamiento(ingresos, gastos, deudas);
console.log(`La capacidad de endeudamiento es: ${capacidad}`);

La función "calcularCapacidadEndeudamiento" toma como parámetros los ingresos, los gastos y las deudas de una persona. Primero, calcula el margen de endeudamiento restando los gastos a los ingresos. Luego, calcula el porcentaje de endeudamiento dividiendo las deudas entre los ingresos. Por último, utiliza estos valores para calcular la capacidad de endeudamiento multiplicando el margen de endeudamiento por el complemento del porcentaje de endeudamiento. El resultado final es la capacidad de endeudamiento de la persona.

agregamos HTML:

<div class="container">
  <h2>Calculadora de capacidad de endeudamiento</h2>

  <form>
    <label for="ingresos">Ingresos:</label>
    <input type="number" id="ingresos" name="ingresos" required>
    <br>
    <label for="gastos">Gastos:</label>
    <input type="number" id="gastos" name="gastos" required>
    <br>
    <label for="deudas">Deudas:</label>
    <input type="number" id="deudas" name="deudas" required>
    <br>
    <button type="submit" id="calcular-btn">Calcular</button>
  </form>
  
  <div id="resultado"></div>

</div>

Agregamos un poco de CSS:

.container {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

form {
  margin: 20px 0;
}

label {
  font-size: 18px;
  margin-right: 10px;
}

input[type="number"] {
  padding: 10px;
  font-size: 18px;
  width: 100%;
  margin-bottom: 10px;
}

button[type="submit"] {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

#resultado {
  font-size: 18px;
  margin-top: 20px;
}

En este ejemplo, el HTML crea un formulario con tres campos de entrada para ingresos, gastos y deudas, y un botón para calcular la capacidad de endeudamiento. El css se encarga de darle un estilo al formulario. Con este código se puede desplegar una interfaz simple que te permite ingresar tus ingresos, gastos y deudas y calcular tu capacidad de endeudamiento.

Antonio Mora

Jorge Eliécer Sanabria Hernández

Jeremy Bryan Icó Herrera

Hace 2 años

Remix Zapata

Juan Castro

Profesor

Felipe Moreno

Jefferson Valencia

Ivan de jesus Romero leal

Raul Arias

Hace 3 años

silfredo mario

Daniel Leandro Muñoz Castañeda

Douglas Isturiz

Laura Muñoz

Hector Maluy Fernandez

Eder Raúl Abarca Raviela

Jose Angel Esquivel Cisneros

Henry Alexander Velásquez Rosas

Guadalupe MoralesCarmona

Luis Miguel Rodríguez

Manuel Andres García Vera

Análisis de la Mediana Salarial con HTML, CSS y JavaScript

Introducción

¿Ya tomaste el Curso Práctico de JavaScript?

Matemáticas en JavaScript

Fórmulas matemáticas en JavaScript

Math en JavaScript

Reto: altura de un triángulo

Playground: Calcula la Altura de un Triángulo Escaleno

Porcentajes

Cómo calcular porcentajes

Calculando descuentos con JavaScript

Ejercicio de crear cupones de descuento

Método find vs. método filter

Playground: Encuentra el ID

Estadística básica

Qué es promedio, moda y mediana

Calculando el promedio

Método reduce

Calculando la mediana en una lista impar

Calculando la mediana en una lista par

Método sort

Calculando la moda: objetos a partir de arrays

Calculando la moda: arrays a partir de objetos

Playground: Transforma Objetos en Arrays

Promedio Ponderado en JavaScript: Fórmulas y Casos de Uso

PlatziMath: clases y métodos estáticos

Análisis de salarios

Cómo estructurar información en proyectos de software

Análisis salarial con JavaScript

Proyección salarial personal

Reestructurando información sobre la marcha

Salarios empresariales

Proyección de salarios por empresas

Top 10% de salarios

Análisis de la Mediana Salarial con HTML, CSS y JavaScript

Próximos pasos

Toma el Taller Práctico de JavaScript: Videojuegos

Todos los cursos GRATIS