CodeDrill
day_streak: --
← 問題一覧に戻る
JavaScript ・ フォーム

問題70: 入力チェックをして挨拶する

入力欄 #nameInput に名前を入れてボタン #greetBtn を押すと、段落 #message に「ようこそ、〇〇さん」(〇〇は入力した名前)と表示してください。

ただし、入力が空、またはスペースだけのときは「名前を入力してください」と表示します。名前の前後の余分なスペースは取り除いてください。

今回鍛える力

エッジケースを伝える

身につく力

  • 空入力の扱いを指定
  • 文字列整形を指定
  • 条件分岐を明確化

AIへの頼み方のヒント

入力が空、またはスペースだけのときに「名前を入力してください」と表示する条件をAIに具体的に伝えましょう。名前の前後の余分なスペースを取り除く処理も忘れずに指示すると安心です。

曖昧に頼むとAIは空文字だけを判定し、スペースだけの入力(「 」)を有効な名前として扱ってしまうことがあります。

あなたのコード

実行しました

プレビュー

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

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

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