codex-lv2-may-2025

Level Navigation: 1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

Current Level: 21

22

23

24

25

26

27

28

29

30

31

32

33

34

---

Level 21: AI Error Handling (Optional Challenge)

What You’ll Do

Add proper error handling to your AI model calls.

Instructions

• Use .catch() to handle AI errors (similar to Level 16 API error handling)
• Use if(response.ok === false) { console.log('AI Error: ' + response.status + ' ' + response.statusText) } to handle AI API errors
• Display user-friendly error messages to your users (not just console logs)
• Test your error handling by temporarily breaking the AI API call:
  • Change https:// to thtps:// (typo in protocol)
  • Put a typo in the endpoint path, for example: change /v1/chat/completions to /v1/chat/completionss (extra ‘s’)
  • Add invalid data to the request body like "model": "invalid-model-name" (Look at the POJO sent as an argument to the fetch function call.)
  • Remember to fix the API call back to working state when done testing

💡 Code Hints

Need help with AI error handling? Check out these snippets:

• Error handling: See SNIPPETS.md for .catch() examples
• User messages: Use setText() to show error messages to users

✅ Check

1. Open your webpage in a browser
2. Click the button to trigger your AI call
3. You should see the AI response in the output area
4. Temporarily break your AI API URL (add “x” to the end)
5. Click the button again - you should see a user-friendly error message
6. Fix the AI API URL and test again - it should work normally

---

---

---

Level Navigation: 1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

Current Level: 21

22

23

24

25

26

27

28

29

30

31

32

33

34