Working with APIs in JavaScript

{
    "results": [
        {
            "gender": "female",
            "name": {
                "title": "Miss",
                "first": "Nina",
                "last": "Simmmons"
            },
            "location": {
                "street": {
                    "number": 970,
                    "name": "Eason Rd"
                },
                "city": "Fullerton",
                "state": "Wyoming",
                "country": "United States",
                "postcode": 57089,
                "coordinates": {
                    "latitude": "83.1807",
                    "longitude": "104.7170"
                },
                "timezone": {
                    "offset": "+8:00",
                    "description": 
        "Beijing, Perth, Singapore, Hong Kong"
                }
            },
            "email": "[email protected]",
            "login": {
                "uuid": "bd0d135f-84df-4102-aa4f-5baaa41baf5c",
                "username": "yellowfrog722",
                "password": "dawg",
                "salt": "q28gdiyN",
                "md5": "291987daea22bb91775226574925b271",
                "sha1": "a0463a26ea5c2ff4f3ad498fd01c5994926e5021",
                "sha256": 
"6583eb74ca08bfac50b3b29aa52c9f02ea5d9d017fef0e5a5a6fae4f5225f928"
            },
            "dob": {
                "date": "1980-11-01T23:10:05.403Z",
                "age": 40
            },
            "registered": {
                "date": "2013-04-02T02:26:52.904Z",
                "age": 7
            },
            "phone": "(216)-693-7015",
            "cell": "(501)-534-9413",
            "id": {
                "name": "SSN",
                "value": "847-09-2973"
            },
            "picture": {
                "large": 
"https://randomuser.me/api/portraits/women/60.jpg",
                "medium": 
"https://randomuser.me/api/portraits/med/women/60.jpg",
                "thumbnail": 
"https://randomuser.me/api/portraits/thumb/women/60.jpg"
            },
            "nat": "US"
        }
    ],
    "info": {
        "seed": "82a8d8d4a996ba17",
        "results": 1,
        "page": 1,
        "version": "1.3"
    }
}

<script>
    const api_url = "https://randomuser.me/api/";
    async function getUser() {
    
      // Making an API call (request)
      // and getting the response back
      const response = await fetch(api_url);
    
      // Parsing it to JSON format
      const data = await response.json();
      console.log(data.results);
    
      // Retrieving data from JSON
      const user = data.results[0];
      let { title, first, last } = user.name;
      let { gender, email, phone } = user;
      let image = user.picture.large;
      let image_icon = user.picture.thumbnail;
      let age = user.dob.age;
      let { city, state, country } = user.location;
    
      let fullName = title + ". " + first + " " + last;
      document.title = fullName;
    
      // Accessing the div container and modify/add
      // elements to the containers
      document.getElementById("head").innerHTML = fullName;
      document.getElementById("email").href = "mailto:" + email;
      document.getElementById("email").innerHTML = email;
      document.getElementById("phone").href = "tel:" + phone;
      document.getElementById("phone").innerHTML = phone;
      // accessing the span container
      document.querySelector("#age").textContent = age;
      document.querySelector("#gender").textContent = gender;
    
      document.querySelector("#location").textContent 
              = city + ", " + state;
    
      document.querySelector("#country").textContent = country;
    
      // Creating a new element and appending it
      // to previously created containers
      let img = document.createElement("img");
      let img_div = document.getElementById("user-img");
      img.src = image;
      img_div.append(img);
    
      const favicon = document.getElementById("favicon");
      favicon.setAttribute("href", image_icon);
    }
    
    // Calling the function
    getUser();
</script>