Exercises

Work through these in order.

Exercise 1

Using async await

1. fetch yes or no from this api: https://yesno.wtf/api. Show the answer on the page.

Exercise 2

Using promises

1. fetch yes or no from this api: https://yesno.wtf/api. Show the answer on the page.
2. Try fetching a url that rejects e.g. https://knajskdskj.jasdk. Show the error message on the page.

Exercise 3

1. Create a promise that resolves after 4 seconds. Use this promise to show the text hello on the page after 4 seconds.
2. Now make the promise fail by rejecting it with an error message instead of resolving it, and show the error message on the page.

Exercise 4

Create a function that returns a promise, that you can use like this:

// YesNoFail4Seconds should wait 4 seconds before it does one of the following 3 things:
// resolves with a yes
// resolves with a no
// or rejects
// Look into Math.random()
YesNoFail4Seconds()
  .then((data) => {
    // Show on the page: The answer is ${data}
  })
  .catch((error) => {
    // Show on the page: the error
  });

The above example show how to consume the promise using promises. Now try consume the YesNoFail4Seconds using async/await

Exercise 5

Using async await

1. Fetch a user from JSONPlaceholder (for example https://jsonplaceholder.typicode.com/users/1)
2. After that succeeds, fetch movies using this api
3. Show the movies on the page

Exercise 6

Get the JSONPlaceholder user and the movies at the same time. Show the movies and the battery status on the page when the related promises have resolved.