Comment changer la couleur du background avec JavaScript

Cette approche utilise JavaScript pour changer la couleur d’arrière-plan après avoir cliqué sur le bouton. Utilisez la propriété background pour modifier la couleur d’arrière-plan après avoir cliqué sur le bouton. Cette propriété est utilisée pour définir la couleur du background d’un élément.
 
 

Code source :
<!DOCTYPE HTML>  
<html>  
    <head>  
        <script>  
            function changeColor(color) { 
                document.body.style.background = color; 
            }
        </script>  
    </head>  
    <body style = "text-align:center;"> 
        <h1>WayToLearn<span style="color:red">X</span>.com</h1>   
        <p><b>Cliquez sur le bouton pour changer la couleur du background.</b></p> 
        <button onclick = "changeColor('blue');">Bleu</button>
        <button onclick = "changeColor('green');">Vert</button> 
        <button onclick = "changeColor('red');">Rouge</button>
        <button onclick = "changeColor('yellow');">Jaune</button> 
    </body>  
</html>
Résultat

WayToLearnX.com

Cliquez sur le bouton pour changer la couleur du background.

QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *