DébutantNon commencé
Exercice 6.3 · 6 min · 0 tentative
Modifier le style
Objectif
Modifier l'apparence d'un élément avec la propriété style.
Contexte
Chaque élément a une propriété style pour modifier son CSS :
const titre = document.querySelector("h1")
titre.style.color = "red"
titre.style.fontSize = "32px"
titre.style.backgroundColor = "yellow"
CSS → JavaScript (camelCase)
| CSS | JavaScript |
|---|---|
background-color | backgroundColor |
font-size | fontSize |
border-radius | borderRadius |
Consigne
Modifie les styles de la boîte :
- Couleur de fond →
"blue" - Couleur du texte →
"white" - Taille de police →
"20px"
Résultat attendu :
- La boîte devient bleue avec du texte blanc plus grand
Objectifs
- Modifier backgroundColor en blue
- Modifier color en white
- Modifier fontSize en 20px
- Élément #boite existe
Lisez bien les instructions et lancez-vous !
Indices (0/3)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé