CodeDrill
day_streak: --
← 問題一覧に戻る
JavaScript ・ 配列/DOM生成

問題6: リストにアイテムを追加する

入力欄 #itemInput に文字を入力してボタン #addBtn を押すと、その文字を新しい <li> として #itemList に追加してください。追加後は入力欄を空にしてください。

今回鍛える力

エッジケースを伝える

身につく力

  • 空入力時の処理を示す
  • 要素生成の手順を伝える
  • 処理後の状態を指定する

AIへの頼み方のヒント

入力欄が空のままボタンを押した場合にリストへ追加するかどうか、追加後に入力欄を空にすることを、具体的にAIへ指示しましょう。

曖昧に頼むと空入力時の処理を伝えないと、AIが空文字の<li>をそのまま#itemListへ追加してしまうことがあります。

あなたのコード

実行しました

プレビュー

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

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

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