codex-lv2-may-2025

Level Navigation: 1

Current Level: 17

🧪 Level 17: Inspect Response

What You’ll Do

Learn how to extract the AI response from the API data.

Instructions

General principle: Responses from APIs are just POJOs (plain old JavaScript objects). Sometimes they contain arrays of objects. Use console.log at each step to drill deeper until you find the reply text.

Walkthrough with Hugging Face format:

console.log(response) → see the whole object
console.log(response.choices) → see the array of choices
console.log(response.choices[0]) → drill into the first element
console.log(response.choices[0].message) → see the object holding the reply
console.log(response.choices[0].message.content) → see the actual reply string

Final step: Assign the value into the variable:

botReply = response.choices[0].message.content;
Then console.log("Bot reply:", botReply);

💡 Code Hints

Extracting data from API responses? You’ll need to navigate the response object to get the actual text. Check out the Console Logging section in SNIPPETS.md for object exploration examples and the Variables section for storing the result.

📚 Connect to Previous Lessons

Working with JavaScript objects and arrays? Check out Week 2, Lesson 4: POJOs for a complete guide to navigating JavaScript objects and accessing nested properties.

✅ Check

Open your webpage in a browser
Open Chrome DevTools (F12) and go to the Console tab
Type sendToModel() and press Enter
You should see the step-by-step exploration of the response object
Look for the final “Bot reply:” log - it should show the actual AI response text
If you see “undefined” for the bot reply, check that you’re accessing the correct path in the response object
The bot reply should be a readable string, not an object or array

Next: Level 18 - Connect to Button

Level Navigation: 1

Current Level: 17