Modifier attribut CSS avec JavaScript

Bonjour,

Je possède une div, et je voudrais qu'elle apparaisse sur ma page, lorsque je clique sur un bouton.
Pour l'instant ma div, possède un attribut : display: none;
Et je sais qu'il faut faire un "onclick", mais je ne sais pas comment faire le code JS.

Quelqu'un pourrait-il m'aider ? Merci :D

HTML de la Div

Code:

---

1 2 3 4 5 6 7 8 9

<div class="Affichage_Validation">   <div class="Validation_Mission">   Mission Acceptée !   </div>   </div>

---

CSS de la Div

Code:

---

1 2 3 4 5 6 7 8 9

.Affichage_Validation{ display: none; }   .Validation_Mission{ padding: 10px; background-color: rgb(0, 255, 0); font-size: 30px; }

---

tu as deja la bonne demarche CSS (faire une class pour l'affichage/masquage)

je completera ta demarche avec carrement un .show (ou .hide) que l'on vient ajouter aux elements
par exemple

Code:

---

1 2 3 4 5 6

.Validation_Mission{ padding: 10px; background-color: rgb(0, 255, 0); font-size: 30px; } .Validation_Mission.hide { display:none; }

---

et ton bouton ajouter/retire la class

Code:

---

1 2 3 4

tonBouton.addEventListener('click', function() { document.getElementsByClassName('Validation_Mission')[0].classList.add('hide'); //ou .remove() });

---

Citation:

---

Envoyé par Doksuri

...je completera...

---

Citation:

---

...
Dès que le vent soufflera je repartira

Dès que les vents tourneront nous nous en allerons... (de requin)

Renaud

---

:mouarf:

arf... faute de frappe.... :whistle: pour la peine, je la laisse :frenchy:

requin ???
ça me rappelle les échanges marins ... ^^

http://club.developpez.com/taverne/echangesmarins/

https://www.youtube.com/watch?v=hWtugydBz-Y

à 3:59.


Souvenirs, souvenirs...

Merci beaucoup ! ^^