Script JavaScriptBouton Oui-Non
Bouton oui/non (type va-et-vient)
Exemple de bouton oui/non (type va-et-vient) qui change la couleur de fond d'une page html
Petit exemple concret :Pour réaliser l'exemple ci-dessus, copier/coller ce script dans votre document HTML :
Dans un fichier html, créer un bouton comme ceci :
<input type="button" value="Changer la couleur de fond" onclick="changePolarite();">Dans un fichier js :
let polarite = false;
const changeBg = function() {
if(polarite) {
document.body.style.backgroundColor = '#000088';
}
else {
document.body.style.backgroundColor = '';
}
}
const changePolarite = function() {
if(polarite){
polarite = false;
}
else { polarite = true;}
changeBg(); // appel de méthode
}
Note: Cet exemple a été réalisé en collaboration avec Damien du Credit Agricole de PAU. L'exemple du bouton change ici la couleur de fond d'un div et non pas du body car j'ai une image en fond de body qui cache la couleur.
Une autre technique JavaScript de changement de couleur de fond est proposé par Easy-Micro comme exemple d'utilisation de l'objet style :
document.getElementById('mondiv').style.backgroundColor = '#000088";