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

問題64: ボタンで要素を隠す

ボタン #hideBtn をクリックすると、メッセージ #box非表示(display: none)になるようにしてください。

今回鍛える力

出力を伝える

身につく力

  • 要素IDを正確指定
  • 見た目の変化を明記
  • イベント種類を指定

AIへの頼み方のヒント

ボタン#hideBtnをクリックしたときに、要素#boxをdisplay:noneで非表示にすることをAIに具体的に伝えましょう。もう一度押しても再表示されないなど、動作の範囲もはっきり伝えると安心です。

曖昧に頼むとAIはvisibility:hiddenを使ったり、クリックのたびに表示・非表示を切り替えるトグル動作にしてしまうことがあります。

あなたのコード

実行しました

プレビュー

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

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

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