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 Javascript

Laisser un commentaire

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