codex-lv2-may-2025

Level Navigation: 1

Current Level: 26

🧪 Level 26: Valid Input Handling

What You’ll Do

Complete your validation logic by handling valid (non-empty) input.

Instructions

Add the else condition for when the input has text:

Show a “Thinking…” message in the output area
Change its style to indicate a neutral/loading state
(This creates the complete if/else validation structure you learned in Level 25)

💡 Code Hints

Completing your if/else structure? You already have the if part from Level 25. Now add the else part to handle when the input is NOT empty. This creates a complete validation system that handles both cases.

✅ Check

Open your webpage in a browser
Type something in the input field (like “Hello”)
Click your Send button
You should see “Thinking…” appear in the output area
The message should be styled differently from the error message (maybe blue or neutral color)
Open Chrome DevTools (F12) and check the Console tab for any errors
If you see the error message instead, check that your condition is checking for non-empty input correctly

Next: Level 27 - Add Validation Area

Level Navigation: 1

Current Level: 26