CodeDrill
day_streak: --
← 問題一覧に戻る
JavaScript ・ DOM操作

問題1: ボタンで見出しの色を変える

下記のHTMLには、見出し #title とボタン #colorBtn があります。

ボタンをクリックすると、見出しの文字色が #f2a950 に変わるようなJavaScriptを書いてください。

今回鍛える力

出力を伝える

身につく力

  • 要素IDを指定する
  • 色コードを明示する
  • イベント名を伝える

AIへの頼み方のヒント

「#titleの文字色を#f2a950に変える」のように、対象の要素ID・変化させるプロパティ・変化後の具体的な値(色コード)をセットで伝えると、意図通りの見出し変更をAIが実装しやすくなります。

曖昧に頼むと色コードを指定しないと、AIが適当な色(赤やblueなど)を選んでしまい、意図した#f2a950にならないことがあります。

あなたのコード

実行しました

プレビュー

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

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

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