Aller au contenu
Aurora Kingdom
*-dj28-*

ONCLICK EVENT

Messages recommandés

Hello Funky !

 

En ce moment je suis entrain de coder un site , (on s'en fou un peu non ??? :D )

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

 

voici comment j'ai procédé  :

 

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"

 

 

voila en espèrent vous avoir appris quelque chose ;)

 

 

 

Modifié par *-dj28-*

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

×