Saltar la navegación

✔️ Autoevaluación

Aprendizaje activo: Un calendario simple

En este ejemplo, nos ayudará a terminar una aplicación de calendario simple. En el código tienes:

  • Un elemento <select> para permitir al usuario elegir entre diferentes meses.
  • Un controlador de eventos onchange para detectar cuándo se cambia el valor seleccionado en el menú de <select>.
  • Una función llamada createCalendar() que dibuja el calendario y muestra el mes correcto en el elemento <h1> (enUS)").

Necesitamos que escriba una declaración condicional dentro de la función del controlador onchange justo debajo del comentario // ADD CONDITIONAL HERE. Debería:

  1. Mire el mes seleccionado (almacenado en la variable choice. Este será el valor del elemento <select> después de que cambie el valor, por ejemplo "January")
  2. Establezca una variable llamada days para que sea igual al número de días del mes seleccionado. Para hacer esto, tendrá que buscar el número de días en cada mes del año. Puede ignorar los años bisiestos a los efectos de este ejemplo.

Sugerencias:

  • Se le aconseja que utilice el operador lógico OR para agrupar varios meses en una sola condición; Muchos de ellos comparten el mismo número de días.
  • Piense qué número de días es le más común y utilícelo como valor predeterminado.

Si comete un error, siempre puede restablecer el ejemplo con el botón "Reset". Si se queda realmente atascado, presione "Show solution" para ver una solución.

Realizar Autoevaluación