セレクトボックス #colorSelect で色を選ぶと、四角 #colorBox の背景色が選んだ色になるようにしてください。changeイベントを使います。
今回鍛える力
入力を伝える
身につく力
AIへの頼み方のヒント
セレクトボックス#colorSelectの値が変わったときに、#colorBoxの背景色をその値にする処理をchangeイベントで行うことをAIに具体的に伝えましょう。選択肢の値がそのまま色名として使える点も伝えると安心です。
曖昧に頼むとAIはinputイベントを使ってしまい、選択が確定する前に処理が実行されるような実装になることがあります。
あなたのコード
プレビュー
AIレビュー(プロンプト練習)
コードはChatGPTやClaudeに出させたものを貼って構いません。
ここでの本番は「次にAIへ出す指示」です。評価軸は1つだけ見て、弱点・指示の穴・改善例を返します。
テストに落ちていてもレビューできます。落ちた理由と、指示に足りなかった情報を結びつけます。