codex-lv2-may-2025

Level Navigation: 1

Current Level: 31

🧪 Level 31: Test & Check - Validation Polish Complete

What You’ll Do

Verify your validation is working perfectly and check off your progress.

Quick Test

Click Send with empty input (should show validation message), then type something and click Send (validation should disappear). Open DevTools Console tab to verify no API calls are made with empty input. If both work, your validation is perfect!

Check off these items in your README:

If statement added to check if input is empty
If statement shows validation message when input is empty
If statement prevents model call when input is empty
If statement clears validation when input has text

🎉 Perfect!

Your chatbot now handles errors gracefully. You’ve built a complete, polished app!

💾 Don’t forget to commit!

When you’ve completed this level, commit your work with a meaningful message like:

git add .
git commit -m "feature: complete step 5 - validation polish"

⚡ Challenge (optional)

Add real-time validation on the input’s input/keyup event:
- When the field becomes non-empty, automatically clear the validation message
Without helpers: implement the same validation using document.getElementById(...), .textContent, .classList.add/remove, and skip helper calls
(Optional advanced) Disable the Send button when the input is empty, enable it when non-empty

Next: Level 32 - Challenge Extensions

Level Navigation: 1

Current Level: 31