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

問題4: 入力した文字をリアルタイムで表示する

入力欄 #nameInput に文字を入力するたびに、段落 #preview の内容を「こんにちは、〇〇さん」(〇〇には入力した文字)に書き換えてください。

今回鍛える力

出力を伝える

身につく力

  • 出力文言の形式を示す
  • 変数の埋め込み方を伝える
  • 空入力時の挙動を示す

AIへの頼み方のヒント

「こんにちは、〇〇さん」という出力文言のフォーマットと、〇〇部分に入力値をそのまま埋め込むことを伝えましょう。入力欄が空のときの表示も指示すると安心です。

曖昧に頼むと入力欄が空のときの表示を指定しないと、AIが「こんにちは、さん」とそのまま出力してしまうことがあります。

あなたのコード

実行しました

プレビュー

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

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

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