Maintenant, nous avons une compréhension suffisante des fonctions et des méthodes requises. Jetons un coup d'œil à l'exemple de code ci-dessous. Code HTML:
Random Color Generator
Code CSS: #color_box {
width: 200px;
height: 200px;
background-color: #000;}
#rgcbtn {
font-size: 15px;
fornt-weight: bold;}
Code JavaScript: function generateRandomColor() {
var color = "#" + ().
Générateur de couleur aléatoire mon. toString(16)(-3);
document. getElementById("color_box")
("background-color", color);}
Dans cet exemple de code, la fonction generateRandomColor() est exécutée si vous cliquez sur le bouton dont l'id vaut rgcbtn. Les fonctions random(), toString() et slice() fonctionnent ensemble pour générer un code de couleur hexadécimal aléatoire et enregistré dans la variable color. Après cela, l'élément dont la valeur d'id est color_box est sélectionné. La fonction setProperty() prend deux paramètres, le premier est le nom de la propriété (qui est background-color) et le second est la valeur de cette propriété (qui est la valeur de la variable color ici).