NSI (première) · Chapitre 10 · Exercice d'entraînement
Une zone de saisie limite les messages à 280 caractères
Interagir sur le Web · La page et ses événements · niveau 2
Énoncé
Une zone de saisie limite les messages à 280 caractères ; un paragraphe annonce en permanence le nombre de caractères restants, et passe au rouge si le compte devient négatif.
<textarea id="msg" maxlength="300"></textarea>
<p id="reste">280 caracteres restants</p>
- Écrire le gestionnaire.
- Pourquoi écouter
inputplutôt quekeydown? Donner deux raisons. - L'attribut
maxlength="300"pose deux problèmes. Lesquels ?
Pour démarrer : comment l'IA t'aide
1. Écrire le gestionnaire.
Élève
Je vois qu'il faut récupérer la zone de saisie et le paragraphe, mais je ne sais pas trop par quoi commencer ni quel événement brancher.
IA
Commence par le repérage : dans le HTML, quels sont les deux éléments dont ton script va avoir besoin, et comment les atteindre en JavaScript ?
Élève
La zone de saisie avec l'identifiant msg, et le paragraphe avec l'identifiant reste. Je peux utiliser document.getElementById pour les deux.
IA
Oui, c'est la bonne piste. Maintenant, sur quel élément vas-tu brancher un écouteur, et quel événement choisis-tu pour être averti que le contenu a changé ?
L'IA ne donne pas la réponse : elle pose la question qui fait avancer. Le corrigé de cet exercice n'est pas publié : à toi de continuer.
Continue cet exercice avec l'IA
Reprends la question 1 là où le dialogue s'arrête, puis la suite de l'exercice.
Continuer avec l'IA — gratuit, sans inscriptionGratuit, sans inscription. L'IA te guide pas à pas, sans te donner la réponse.