Read JSON from a response — practice exercise

What you'll be asked to do

1. 1.Read JSON from a responseexercise · easy · 10 min

   Use the two-step fetch chain to report the name.

   Passes when: #out should show Ada.

2. 2.Use await insteadexercise · easy · 10 min · practice plan

   Rewrite the same request with async and await.

   Passes when: #out should show Grace.

3. 3.Check the statusexercise · easy · 10 min · practice plan

   Report the failure when response.ok is false.

   Passes when: #out should show failed with 404.

4. 4.Catch a network failureexercise · easy · 10 min · practice plan

   Catch a rejected fetch and report the message.

   Passes when: #out should show network down.

5. 5.Send dataexercise · medium · 10 min · practice plan

   Send a name in the body and report what came back.

   Passes when: #out should show Alan.

6. 6.Fix the response used as the databug fix · easy · 8 min

   The response is not the body; json() must be called.

   Passes when: #out should show Ada.

7. 7.Fix the missing await on jsonbug fix · easy · 8 min · practice plan

   json() returns a promise, so its value must be awaited.

   Passes when: #out should show Grace.

8. 8.Fix the status never checkedbug fix · easy · 8 min · practice plan

   fetch does not reject on 404, so response.ok must be tested.

   Passes when: #out should show failed with 404.

9. 9.Fix the object sent without stringifybug fix · easy · 8 min · practice plan

   The body must be a string.

   Passes when: #out should show Alan.

10. 10.Fix json used on plain textbug fix · easy · 8 min · practice plan

    A text response should be read with text().

    Passes when: #out should show hello.

Between them these tasks cover fetch, response.json and response.ok.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.