Je dois utiliser du JavaScript vanille pour un projet. J'ai quelques fonctions, dont l'une est un bouton qui ouvre un menu. Cela fonctionne sur les pages où l'ID cible existe, mais provoque une erreur sur les pages où l'ID n'existe pas. Sur les pages où la fonction ne trouve pas l'ID, je reçois une erreur "Impossible de lire la propriété 'addEventListener' de null" et aucune de mes autres fonctions ne fonctionne.
Voici le code du bouton qui ouvre le menu.
function swapper() {
toggleClass(document.getElementById('overlay'), 'open');
}
var el = document.getElementById('overlayBtn');
el.addEventListener('click', swapper, false);
var text = document.getElementById('overlayBtn');
text.onclick = function(){
this.innerHTML = (this.innerHTML === "Menu") ? "Close" : "Menu";
return false;
};
Comment gérer cela? J'ai probablement besoin de tout envelopper ce code dans une autre fonction ou d'utiliser une instruction if / else afin qu'il ne recherche que l'identifiant sur des pages spécifiques, mais pas exactement.
class
dans votre html au lieu de id
et que vous appelez un getElementById
dans vos scripts.