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

問題2: ボタンでテキストを切り替える

ボタン #toggleBtn を押すたびに、見出し #status の文字を「オフ」と「オン」で交互に切り替えてください。

今回鍛える力

制約を伝える

身につく力

  • 初期状態を指定する
  • 交互処理の条件を示す
  • 状態保持の方法を伝える

AIへの頼み方のヒント

初期表示は「オフ」なのか「オン」なのか、そしてクリックごとに文字をどちらへ切り替えるのかという交互処理の条件を、明確にAIへ伝えましょう。

曖昧に頼むと初期状態を指定しないと、AIが最初から「オン」表示にしてしまい、1回目のクリックで意図と逆の挙動になることがあります。

あなたのコード

実行しました

プレビュー

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

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

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