🏆 Challenge #P3 · Popup HTML · challenges/P3_popup.html JS · challenges/js/P3_popup.js


À faire

  • À faire
  • Terminé
  • En cours
  • Incomplet
  • Blocage

Mémo

overflow: hidden; // Invisibilise les éléments qui sortent de l'écran sur l'axe vertical et horizontal. Le scroll est donc désactivé.

1️⃣ Faire apparaître et disparaître une popup

Lors du clic sur le bouton ci-dessous, la popup doit apparaître. Elle doit être en display flex pour qu'elle s'affiche correctement.

Cliquer hors de la popup doit la fermer.

Lorsque la popup est ouverte, il doit pas être possible de scroller.

Ajouter un bruitage lors de l'ouverture et de la fermeture de la popup.

Une nouvelle version est disponible !

Mettez votre support à jour pour bénéficier des dernières corrections, améliorations, et nouveaux challenges !

Version locale

Publication 

Dernière version

Publication