Las redes sociales de Mark Zuckerberg
Javascript y JQueryEventos
A Mark Zuckerberg, creador y fundador de Facebook, ha tenido un encontronazo con las leyes españolas en las que se regula la mayoría de edad para acceder a ciertas redes sociales (entre ellas, las suyas: Facebook, Instagram o Whatsapp).
Mark está muy liado con su bufete de abogados y ha decidido contar con nosotros para que implementemos la funcionalidad que controle la edad de las personas que se inscriben a su red social.
El mensaje que nos envió decía lo siguiente:
¡Hola, chicos!
Necesito vuestra ayuda para implementar un pequeño código en mis formularios de creación de cuentas para que, cuando un usuario indique que es mayor de edad (de momento, 18 años), introduzca además su fecha de nacimiento para comprobar que es cierto.
Como me corre bastante prisa, únicamente quiero que el formulario haga dos cosas muy simples:
1. Al marcar el checkbox se mostrará un pequeño mensaje, un campo de fecha y un botón que inicialmente estará deshabilitado.
2. Si el usuario introduce correctamente la fecha y realmente tiene 18 años o más, se habilitará el botón Enviar.
Una vez que implementéis esto os pediré una segunda funcionalidad para diferenciar entre las redes sociales que manejo y sus diferentes mayorías de edad. Pero eso será en otro momento…
Os dejo el código fuente del formulario. ¡Gracias por todo!
Como siempre, Edu se puso a darle vueltas al reto:
En realidad, esto de algoritmia tiene poco, ¿verdad? Únicamente es una gestión de eventos con Javascript. ¿Utilizamos el modelo de eventos del W3C? ¿Qué propiedades habría que tocar, visibility o display? ¿Y cómo sé yo qué fecha es el límite de los 18 años? Oye, ¿y si lo hacemos con JQuery?
¡Mmmmmm, buena idea! Podíamos probar con Vanilla Javascript y con JQuery y así comparar…
¿Tú cómo lo harías? ¡Espero tus propuestas en los comentarios!
Y si quieres compartir código, te recomiendo que utilices alguna herramienta online de testing de código como Codepen, JSFiddle, PlayCode, etc. o repositorios como GitHub, GitLab, BitBucket…
Oscar says
Me he encontrado con este reto divertido por casualidad y me he animado a hacerlo (con Vanilla), os comparto el código: https://jsfiddle.net/OscarBeses/7watx4gr/2/
didacticode says
¡Genial resolución, Oscar! ¡Mil gracias por dejarnos tu aporte! 🙂