Adloun

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 input plutôt que keydown ? 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 inscription

Gratuit, sans inscription. L'IA te guide pas à pas, sans te donner la réponse.

Le cours du chapitre · Tous les exercices du chapitre

Continuer avec l'IA, gratuit →