Partage
  • Partager sur Facebook
  • Partager sur Twitter

utilisation de classList

    10 mai 2022 à 10:02:01

    Bonjour, je ne comprends pas ce bout de code et précisément l'utilisation des crochets pour le [modalClick], pourrais je avoir de l'aide ? merci à vous !
    const modalViews = document.querySelectorAll(".services__modal"),
      modelBtns = document.querySelectorAll(".services__button"),
      modalCloses = document.querySelectorAll(".services__modal-close");
    
    let modal = function (modalClick) {
      modalViews[modalClick].classList.add("active-modal");
    };
    modelBtns.forEach((modelBtn, i) => {
      modelBtn.addEventListener("click", () => {
        modal(i);
      });
    });
    modalCloses.forEach((modalClose) => {
      modalClose.addEventListener("click", () => {
        modalViews.forEach((modalView) => {
          modalView.classList.remove("active-modal");
        });
      });
    });
    • Partager sur Facebook
    • Partager sur Twitter
      10 mai 2022 à 15:04:51

      Bonjour,

      c'est un index de clé . Cet index est injecté via  modal(i) au click des boutons

      i  devient dans ta fonction (variable modal) modalClick  Plutôt que de mettre des i ou index partout, celui qui a fait le script à opté pour utiliser des noms de variable plus explicites. En principe cela aurait du te faciliter la lecture du script. ;)

      -
      Edité par gcyrillus 10 mai 2022 à 15:06:15

      • Partager sur Facebook
      • Partager sur Twitter

      utilisation de classList

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      • Editeur
      • Markdown