• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Cursos online y materiales digitales para estudiantes y desarrolladores web

  • CURSOS
  • BLOG
  • QUIÉN SOY
  • FAQ
  • ACCEDER
  • CONTACTO

Reto: Las redes sociales de Mark Zuckerberg

Publicado el 20/10/2020 por Ada 3 Comments

Redes sociales

Las redes sociales de Mark Zuckerberg

Javascript y JQuery

Eventos


Acceder al reto en formato vídeo

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…

Filed Under: Reto Tagged With: eventos, javascript

Reader Interactions

Comments

  1. Oscar says

    22/10/2020 at 14:09

    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/

    Accede para responder
    • didacticode says

      27/10/2020 at 09:46

      ¡Genial resolución, Oscar! ¡Mil gracias por dejarnos tu aporte! 🙂

      Accede para responder

Trackbacks

  1. Reto resuelto: Las redes sociales de Mark Zuckerberg dice:
    18/11/2020 a las 21:40

    […] La semana pasada recibíamos un reto de Mark Zuckerberg en el que nos pedía una pequeña funcionalidad para controlar la edad de los nuevos usuarios de sus redes sociales. Podéis consultar los detalles del reto aquí. […]

    Accede para responder

Deja una respuesta Cancelar la respuesta

Lo siento, debes estar conectado para publicar un comentario.

Footer

Didacticode

Cursos para estudiantes y docentes del mundo de la informática.
Retos: retos resueltos de programación.
Tips&Tricks: trucos y consejos.
Boleticodes: boletines de noticias.
Quiénes somos: Ada, Edu... y Laura.
Contacto¡Contacta conmigo!

Legal

Aviso legal
Política de privacidad
Cookies

Redes Sociales

Youtube
Twitter
Instagram
Facebook
Twitch
LinkedIn
Gitlab
Github

Didacticode © 2023

¡Cómo no! Este sitio también utiliza cookies para mejorar la experiencia de tu visita.

Puedes informarte más sobre qué cookies estamos utilizando o desactivarlas en los AJUSTES.

Resumen de privacidad
Didacticode

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.