Simple exercises

Exercices

Exercice 1

• Créer une page HTML avec 3 boutons et une balise div avec un id
• Si je clique sur un bouton le texte change, le texte est différent selon le bouton cliqué
• Si je clique sur un bouton la couleur d’arrière plan (background) de la div change (différents pour chaque bouton)
• Reproduire avec les différentes syntaxes

Lorsque vous récupérer un élément du DOM deux propriétés permettent de lire et de modifier son contenu : innerHTML et innerText

Exercice 2

• Créer une page HTML avec deux boutons et une div avec un id :
• Quand je clique sur un bouton une couleur d’arrière plan aléatoire est générée
• Quand je clique sur l’autre bouton la couleur d’arrière plan revient à la précédente
• Par défaut la couleur d’arrière plan sera “magenta”
• Reproduire avec les différentes syntaxes

Le css est modifiable soit par la propriété style soit par style.XXXX en remplacant XXX par la propriété CSS écrite en camelCase

Exercice 3

• Créer une page HTML avec un formulaire contenant les champs: nom, prénom, âge et une zone de texte pour écrire ses ambitions dans le futur
• Lorsque je soumet le formulaire les valeurs entrées s’affichent dans le DOM