Bonjour,

Je suis le cour de JavaScript sur votre site et j'ai eu un léger problème,

j'ai télécharger les lignes de codes JavaScript du popup fourni par le cour, mais le popup ne s'affiche pas quand je tape sur le bouton envoyer. S'il vous plait j'aimerais avoir votre avis sur le problème.

/*********************************************************************************
 * 
 * Ce fichier contient toutes les fonctions nécessaires à l'affichage et à la 
 * fermeture de la popup de partage. 
 * 
 *********************************************************************************/


/**
 * Cette fonction affiche la popup pour partager son score. 
 */
function afficherPopup() {
    let popupBackground = document.querySelector(".popupBackground")
    // La popup est masquée par défaut (display:none), ajouter la classe "active"
    // va changer son display et la rendre visible. 
    popupBackground.classList.add("active")
}

/**
 * Cette fonction cache la popup pour partager son score. 
 */
function cacherPopup() {
    let popupBackground = document.querySelector(".popupBackground")
    // La popup est masquée par défaut (display:none), supprimer la classe "active"
    // va rétablir cet affichage par défaut. 
    popupBackground.classList.remove("active")
}


/**
 * Cette fonction initialise les écouteurs d'événements qui concernent 
 * l'affichage de la popup. 
 */
function initAddEventListenerPopup() {
    // On écoute le click sur le bouton "partager"
    btnPartage = document.querySelector(".zonePartage button")
    let popupBackground = document.querySelector(".popupBackground")
    btnPartage.addEventListener("click", () => {
        // Quand on a cliqué sur le bouton partagé, on affiche la popup
        afficherPopup()
    })

    // On écoute le click sur la div "popupBackground"
    popupBackground.addEventListener("click", (event) => {
        // Si on a cliqué précisément sur la popupBackground 
        // (et pas un autre élément qui se trouve dedant)
        if (event.target === popupBackground) {
            // Alors on cache la popup
            cacherPopup()
        }
    })
}

Merci.

Bonjour,

>> Je suis le cour de JavaScript

 Lequel? Quelle est L’URL de l'exercice?

Quel est le code HTML/CSS que vous avez écrit et qui correspond à ce JS?

Comment est appelée la fonction initAddEventListenerPopup() ?

Vous avez raison je n'avais pas appelé la fonction initAddeventListenerPopup() dans la fonction principale. Ca marche maintenant!

Je vous remercie

-
Edité par JothamOsias 28 mai 2024 à 16:28:49

Bonjour, De rien, au plaisir

Sujet résolu

Tu peux passer le sujet à "résolu" (bouton en haut à droite du sujet) et cliquer sur les pouces levés des messages qui t'ont aidé⋅e