Topic: Asynchronous functions

1. Define a function that

  • reads the users via the jsonplaceholderapi of the previous page
  • shows all ten usernames together with their hometown
  • include log-messages to observe the program flow
Click to see solution
"use strict";

console.log("Start of script");

async function getUserAndTown() {
  console.log("Start of function");
  try {
    const response = await fetch('');
    const users = await response.json();
    for (const user of users) {
      console.log( + " / " +;  // or: alert(..)
  } catch (err) {
    console.log('Some error occurred: ' + err.message);
  console.log("End of function");

console.log("Calling function");

console.log("End of script");

Expected output:

Start of script
Calling function
Start of function
End of script
Leanne Graham / Gwenborough
Ervin Howell / Wisokyburgh
Clementine Bauch / McKenziehaven
Patricia Lebsack / South Elvis
Chelsey Dietrich / Roscoeview
Mrs. Dennis Schulist / South Christy
Kurtis Weissnat / Howemouth
Nicholas Runolfsdottir V / Aliyaview
Glenna Reichert / Bartholomebury
Clementina DuBuque / Lebsackbury
End of function