Proyecto Unidad 2

En tu empresa te han encargado realizar una página web para la Asociación Deportiva Castro
Urdiales. Estará elaborada en HTML y CSS y tendrá las siguientes características estructurales
(pudes reutilizar plantillas descargadas de Internet si lo deseas): un encabezado y un pie, dos
columnas laterales y un cuerpo central. El encabezado tendrá un menú que deberás ir
completando a lo largo de las unidades.

El menú 1 abrirá una página llamada utilidades.html que será la que completes en esta unidad
(más adelante).

Cada utilidad tendrá un enlace en la columna de la izquierda y ejecutará un código que se

encuentre almacenado en un fichero .js. Consulta en Internet cómo hacer para que se ejecute
un código Javascript al hacer clic en un enlace.

Calculadora de IMC -Índice de masa corporal- (imc.js)

Crea un programa que solicite al usuario sus centímetros y el peso en kg y devuelva el Índice
de Masa Corporal escrito en la pantalla (en el cuerpo de la página).

Además de mostrar el resultado,mostrará la siguiente escala y marcará de alguna forma

(negrita, cursiva, subrayado, color…) la clasificación:

 <16.00: Infrapeso (delgadez severa)

 16.00 – 16.99: Infrapeso (delgadez moderada)
 17.00 - 18.49: Infrapeso (delgadez aceptable)
 18.50 - 24.99: Peso normal
 25.00 - 29.99: Sobrepeso
 30.00 - 34.99: Obeso (Tipo I)
 35.00 - 40.00: Obeso (Tipo II)
 >40.00: Obeso (Tipo III)

Además, comprobará que no se meta ningún valor incorrecto de peso ni altura, y en caso de
que así sea, volverá a solicitar los datos.

Calculadora de FCM –Frecuencia Cardiaca Máxima- (fcm.js)

Crea un programa que solicite al usuario su edad y su sexo y devuelva la frecuencia cardiaca
máxima por pantalla (en el cuerpo de la página).

Además, indicará los siguientes valores:

 Zona de recuperación (60%-70%).

 Zona aeróbica (70%-80%).
 Zona anaeróbica (80%-90%).
 Línea roja (90%-100%).

Además, comprobará que no se meta ningún valor incorrecto de edad y sexo, y en caso de que
así sea, volverá a solicitar los datos.

Calculadora de categoría (categoria.js)

Crea un programa que solicite al usuario su año de nacimiento y devuelve la categoría a la que
pertenece.
Para ello, además de mostrar su resultado, mostrará un listado con las categorías que existen
(desde Micros hasta Senior) marcando la del usuario de alguna manera especial (negrita,
subrayado, color…).

Horario de la asociación (horario.js)

Crea un programa que genere dos tablas html con los horarios de la asociación.

Habrá una tabla de horario de mañana que muestre las horas de dos en dos con el formato
9:00-11:00, desde las 9 hasta las 15:00 y los días del lunes al viernes.

Habrá otra tabla de horario de tarde que muestre las horas de una en una con el formato
16:00-17:00, desde las 16 hasta las 21:00 y los días del lunes al domingo.

Tanto las horas como los días (es decir, la primera columna y la primera fila) tendrán etiqueta
th. El resto tendrán etiqueta td.

Por Laura Folgado Galache

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International

License.