S'entraîner...

Exercice 1

Télécharger et décompresser ci-dessous l'archive toute prête contenant le trio fichiers : html, css et js.

Archive contenant une structure d'un site web minimal html, css, js. [zip]

  • Tester en lançant le fichier HTML,

  • Comprendre les différents codes contenus dans les 3 fichiers,

  • Ajouter un texte 'double-cliquer' qui fait apparaître l'alerte Le JavaScript fonctionne ! quand on double-clique dessus.

    On pourra prendre exemple sur les pages de cours précédentes.

Exercice 2 : jouons avec les styles...

  • Copier-coller le dossier précédent pour en faire une copie. Nommez-le style_js/ par exemple.

  • Dans le code de la page HTML, modifier la ligne du paragraphe 'Voici une page web qui ne fait pas grand chose' en lui attribuant un identifiant unique MonPara

  • Dans le code JS, dans la fonction, supprimer l'alerte et remplacer par cette instruction :

    document.getElementById("MonPara").style.color="red";

  • Constater le résultat.

  • À l'aide du cours et des lignes ci-dessus, faites en sorte que le titre 'Le trio : HTML, CSS et JavaScript' soit également mis en évidence avec un fond jaune.

  • Pour finir, rajouter le texte "mais quand même..." au paragraphe.

Pour les plus rapides...

Lire et comprendre les éléments de cours contenus dans Pour aller plus loin avec JS...