NSI (première) · Chapitre 10 · Application directe du cours
Pour chacune de ces cinq tâches, dire lequel des trois langages —…
Interagir sur le Web · HTML, CSS et composants · niveau 1 (application)
Énoncé
Pour chacune de ces cinq tâches, dire lequel des trois langages — HTML, CSS ou JavaScript — en est responsable : (a) centrer le titre de la page ; (b) déclarer une case à cocher ; (c) griser le bouton d'envoi tant que le champ « courriel » est vide ; (d) donner à l'onglet du navigateur le nom « Inscription » ; (e) changer la couleur de fond d'un bouton lorsque la souris le survole.
Corrigé
| Langage | Comment | |
|---|---|---|
| (a) | CSS | h1 { text-align: center; } |
| (b) | HTML | <input type="checkbox" name="…"> |
| (c) | JavaScript | il faut réagir à un événement input et modifier
bouton.disabled |
| (d) | HTML | <title>Inscription</title> |
| (e) | CSS | button:hover { background: gold; } |
Le piège est en (e). « Quand la souris survole » ressemble à un événement, donc à du JavaScript. C'est pourtant du CSS : la pseudo-classe :hover décrit un état de l'élément, pas une action à exécuter. La règle de partage est nette : si l'on peut le dire sous la forme « dans tel état, tel aspect », c'est du CSS ; s'il faut calculer quelque chose, c'est du JavaScript. En (c), la condition dépend du contenu du champ : aucun sélecteur ne sait l'exprimer, il faut du code.
100 % gratuit
Essaie le suivant avec le tuteur
- L'exercice suivant avec le tuteur, sans compte : il guide pas à pas, sans donner la réponse
- 16 autres exercices corrigés dans ce chapitre, et 20 à chercher avec le tuteur
- Le podcast et la vidéo du chapitre et la correction filmée du TD : 2 minutes sans compte
Sans compte : le cours, 2 minutes de podcast et de vidéo et un exercice avec le tuteur. Pour tout le reste : inscription gratuite en 30 secondes, sans carte bancaire.