codex-lv2-may-2025

Level Navigation: 1

Current Level: 12

🧪 Level 12: Test & Check - UI & DOM Wiring Complete

What You’ll Do

Verify your UI is working and check off your progress.

Quick Test

Click your Send button with empty input (should show warning), then type something and click again (should show “Thinking…”). Open DevTools Console tab to see the “clicked” logs. If both work, you’re ready!

Check off these items in your README:

Input field, send button, and output area added to HTML
Bootstrap styling applied to input and button
Output area converted to Bootstrap card structure
Button click event wired and input value captured
Button click event logs “clicked” to console

🎉 Awesome!

Your UI is wired up and responding. Now let’s connect it to AI!

💾 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 2 - UI and DOM wiring"

Next: Level 14 - Create Function

Level Navigation: 1

Current Level: 12