Javascrip est utilisé avec les éléments HTML pour créer des applications Web interactives. Un script est ajouté avec les éléments HTML pour générer des messages contextuels, la validation du formulaire, le menu déroulant, etc. JavaScript permet aux utilisateurs de modifier la couleur d'arrière-plan des éléments HTML. Cette action peut être associée à l'événement de clic du bouton pour fournir les fonctionnalités chaque fois que l'utilisateur le souhaite.

Cet article fournit un aperçu profond de vous guider sur la façon de changer la couleur d'arrière-plan en appuyant sur le HTML bouton.

Comment la couleur de l'arrière-plan change-t-elle en cliquant sur le bouton dans JavaScript?

JavaScript agit comme un catalyseur avec HTML et CSS pour fournir une interface interactive pour une page Web. Cette section montre le code JavaScript pour transformer la couleur d'arrière-plan après avoir cliqué sur un bouton.
La syntaxe pour modifier la couleur d'arrière-plan en javascript est la suivante:

Syntaxe

document.getElementByid ('id').style.BackgroundColor = 'Color';

La syntaxe est décrite comme:

• Couleur de l'arrière plan représente la propriété pour changer la couleur d'arrière-plan.
• getElementbyid Spécifie que vous lisez et modifiez l'élément HTML spécifique.
• couleur indique la couleur définie par l'utilisateur pour l'affichage.

Un exemple est donné pour convertir la couleur d'arrière-plan en appuyant sur / cliquer sur le bouton.

Code

Exemple pour modifier la couleur d'arrière-plan avec JavaScript

Bienvenue à JavaScript World

Appuie

Le code est expliqué ici:

• La div du document HTML pour le Couleur de l'arrière plan a une largeur et une hauteur de 400px et 300px respectivement.
• Après cela, un message s'affiche en disant «Bienvenue à JavaScript World"Dans la section spécifiée.
• Un bouton HTML est connecté avec une balise de bouton associée au ColorFunction () méthode.
• En utilisant cette méthode, la couleur est modifiée après avoir appuyé sur le «Appuie" bouton.
• Une fois l'événement de clic du bouton, la couleur passe à «orange".

Sortie avant de cliquer sur le bouton:

Dans la sortie, le vert est présent en arrière-plan du texte "Bienvenue à JavaScript World". De plus, un bouton HTML "Appuie" est attaché.

Sortie après avoir cliqué sur le bouton:

Lorsque le bouton est appuyé, la couleur verte change en orange comme on peut le voir dans l'image ci-dessus.

Conclusion

En JavaScript, la couleur d'arrière-plan est modifiée à l'aide de la propriété intégrée de l'objet Date. Cette propriété peut être liée à un événement sur clic du bouton. En cliquant sur le bouton, la couleur d'arrière-plan sera modifiée. Ici, vous avez appris comment le Couleur de l'arrière plan est modifié après avoir cliqué sur un bouton dans Javascrip.