Vous devez être connecté et donner une réaction ( Like ) au sujet pour débloquer les liens de téléchargements...
Sign in to follow this  
*-dj28-*

 tutoriel OnClick Event

Recommended Posts

Niveau requis Débutant

Temps estimé : 30 minutes

Hello Funky !

 

Je me suis dit pourquoi pas utilisé une fonction simple de javascript pour affiché différente chose en cliquant sur un bouton.

 

Révélation

 

Tous d'abord j'ai crée mes deux boutons avec l'événement ONCLICK.

<button onclick="reaction1()">reaction1</button>
<button onclick="reaction2()">reaction2</button>

Si je clique sur l'un de ces bouton mon texte va s'affiché ou ? du coups je crée une div 

<div id="jaffiche"></div>

ensuite j'ai crée une simple fonction en javascript 

function reaction1() {
    document.getElementById("jaffiche").innerHTML = "Hello World";
}
function reaction2() {
    document.getElementById("jaffiche").innerHTML = "Bonjour le monde";
}

getElementById me permet d'afficher le texte sur ma div.

  • si je clique sur la reaction1 puis reaction2, "Bonjour le monde" remplacera "Hello World"
  • si je clique sur la reaction2 puis reaction1, "Hello World" remplacera "Bonjour le monde"

 

 

 

 

 

Cordialement,

Hey hey

Share this post


Link to post
Share on other sites

Salut !

J'utilise plus la visibilité des divisions ou non pour faire ça, mais chacun son truc !

 

Merci !

Share this post


Link to post
Share on other sites

oui comme tu la dit chacun son truc moi je l'est fait de cette façon après quelqu’un d'autre l'aurai fait d'une autre façon .

Share this post


Link to post
Share on other sites
Le 24/04/2018 à 22:50, Walkyrie a dit :

Moi j'essaye plutôt de bannir le js de mes sites... Pourquoi tu ne fais pas un target en css ? Ou tu veux absolument un js ? :P

 

bah enfaîte tu me crois au final je l'est fait avec du CSS ,mais j'ai quand même fait le tuto ça peu servir a des gens on sais jamais  :D

Share this post


Link to post
Share on other sites
Sign in to follow this