Javascript : addEventlistener

Salut
Voici mon problème : j'ai fais en sorte à ce que, quand j'appuie sur mon lien, une div se créer avec une image à l'intérieur (pour l'instant tout est OK) le problème est que si je reclick dessus (le lien) , cela créer une deuxième div au même endroit qui va se mettre sur l'autre et rendre ma première div illisible.
J'aimerais trouver un moyen qui , quand je click à nouveau sur mon lien , au lieu de reecrer une div, cela m'enlève la première.
En gros le lien sur lequel je clique me permettrai de créer une div et de la retirer au second click


Je suis désolé si je suis pas assez claire et pour les fautes.

Tldr: problème avec addEventlistener en js, moi débile pas arriver aled

Poster un commentaire
Lansay
Lansay
5 ans

Tu pourrais faire en sorte de récupérer le contenu html de la balise contenant tes div avec la méthode innerHTML, rajouter ta nouvelle div puis mettre à jour ce contenu

anonyme
anonyme
5 ans

Je suis pas sur de saisir ton problème. Si ce que tu veux faire c'est un toggle (un on/off), ou si tu veux remplacer le contenu par un autre. De plus, tu bosses avec du js pur ou t'as une librarie genre jquery?

lestercoraire

@rekted: Nan je veux juste bien faire une on off
Je vaise renseigner sur le toogle et non pas de librairie, j'essaye de me débrouiller un peut tout seul pour l'instant. Merci

anonyme
anonyme
5 ans

@lestercoraire: c'est pas parce que tu utilise une librairie que tu le fais pas "tout seul". C'est bien de vouloir comprendre comment ça fonctionne, mais derrière, ne recode pas ce qui existe déjà.

lestercoraire

@rekted: oui je suis d'accord mais justement, j'aimerais comprendre le plus possible avant d'utiliser des librairies.
Merci encore à toi

Oheneyme
Oheneyme
5 ans

Y'a plein de solutions.
Test si la div exist et en fonction tu la ferme ou tu l'ouvre par exemple.

ico_
ico_
5 ans

http://youmightnotneedjquery.com/ cherche toogle et Get Html comme l'as dis @rekted

Offerzo
Offerzo
5 ans

Fais comme te dit rekted
Document.getElementById('pute').classList.toggle('show')

Et une classe CSS show avec un display Block et pute à none et ça roule ma poule.

Nb:

lestercoraire

@Offerzo: merci!

Winzip
Winzip
5 ans

Avec ton niveau apparent, ça va être facile et rapide :)

Cette page est réservée aux ADULTES

Tu es sur le point d'accéder à un site web qui contient du matériel explicite (pornographie).

Tu ne dois accéder à ce site que si tu as au moins 18 ans ou si tu as l'âge légal pour visionner ce type de matériel dans ta juridiction locale, l’âge le plus élevé étant retenu. En outre, tu déclares et garantis que tu ne permettras aucun mineur à d'accéder à ce site ou à ces services.


En accédant à ce site, tu acceptes nos conditions d'utilisation.