CodeDrill
day_streak: --
← 問題一覧に戻る
JavaScript ・ フォーム

問題66: 入力した文字数を表示する

入力欄 #textInput に文字を入力するたびに、段落 #charCount入力した文字数を表示してください。

今回鍛える力

入力を伝える

身につく力

  • リアルタイム更新指定
  • イベント種類を選ぶ
  • 対象要素を明確化

AIへの頼み方のヒント

入力欄#textInputに1文字入力するたびに、#charCountの文字数がリアルタイムに更新されることをAIに伝えましょう。入力欄が空になったときに0と表示されるかも具体的に指示すると安心です。

曖昧に頼むとAIはchangeイベントを使ってしまい、フォーカスが外れるまで文字数が更新されない実装になりがちです。

あなたのコード

実行しました

プレビュー

AIレビュー(プロンプト練習)

コードはChatGPTやClaudeに出させたものを貼って構いません。
ここでの本番は「次にAIへ出す指示」です。評価軸は1つだけ見て、弱点・指示の穴・改善例を返します。
テストに落ちていてもレビューできます。落ちた理由と、指示に足りなかった情報を結びつけます。

先にコードを実行し、テストを1つ以上通してください。