Créer et supprimer une div avec javascript ?

Question

Bonjour à tous !

Alors voilà, j'essaye depuis un petit moment de créer une fonction en javascript et je bloque un peu.

Pour simplifier : j'ai une div, disons de 500px sur 500px, avec un background bleu. J'ai également un bouton "+". Mon but : faire en sorte qu'à chaque fois que je clique sur +, un carré rouge de 50px par 50 px apparaisse dans ma div bleu (si je clique deux fois, j'ai donc deux carrés, etc...). Puis, il faut que si je clique sur l'un des carrés rouge, celui ci disparaisse sans laisser de trou (c'est à dire que les autres se décalent). Je galère...

J'ai tout d'abord essayé avec des "document.getElementById()", puis avec des "document.createElement()", mais rien n'y fait. Il doit me manquer quelque chose.

Auriez vous des pistes s'il vous plaît ?

Merci d'avance !

@karamel · Answer

bonjour

tu doit cree le div puis l'inserer dans le div principale avec appendChild

ces ligne cree un div dans l'insere dans mondiv qui a comme non de classe css maclasse class qui contiendra les dimmentions de la div et sa couleur. et pour finir on ajoute un evenement onclick qui devra pointer ver une fonctionne qui supprimera cette div

var azerty=document.createElement('div')
azerty.setAttribute("class",'maclass')
azerty.onclick=mafonctionquisupprime
document.getElementById('mondiv').appendChild(azerty)

Tiste11 · Answer

Merci pour ta réponse,

Ca marche pas mal ! Il me reste un problème : comme chaque une div doit être créé à chaque clic, il y aura plusieurs div affichées si on clique plusieurs fois sur "+". Donc je vais devoir créé un compteur pour que chaque div possède une class différente. Mon problème : dans la fonction qui supprime la div cliquée, comment retrouve t-on la classe que l'on souhaite, pour que ce ne soit pas que la dernière div qui soit supprimée ?

Merci d'avance !

Créer et supprimer une div avec javascript ?

2 réponses

Votre réponse

Discussions similaires