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

問題65: クラスを付け外しする

ボタン #toggleBtn を押すたびに、段落 #panelactive クラスを付けたり外したり(トグル)してください。activeクラスが付いている間は文字がオレンジ色になります。

今回鍛える力

制約を伝える

身につく力

  • トグル動作を指定
  • クラス名を明確化
  • 見た目条件を伝える

AIへの頼み方のヒント

ボタン#toggleBtnを押すたびに、段落#panelのactiveクラスを付けたり外したりする「トグル動作」であることをAIに明確に伝えましょう。classList.toggleのような挙動が必要な点を具体的に伝えると安心です。

曖昧に頼むとAIはクラスを追加するだけで、再度押したときに外す処理を書き忘れることがあります。

あなたのコード

実行しました

プレビュー

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

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

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