JavaScript IIFE and Async-await Demo

// IIFE and Async-await demonstration
(async (url) => {
    const headers = new Headers()
    headers.append('Content-Type', 'application/json')
    headers.append('Accept', 'application/json')

    try {
        const response = await fetch(url, {
            mode: 'cors',
            method: 'GET',
            headers: headers
        })

        const data = await response.json()
        const productList = document.querySelector("#product-list")

        data.forEach((product) => {
            productList.innerHTML += `<h3>Product No: ${product.id}</h3>`
            productList.innerHTML += "<ul>"
            productList.innerHTML += `<li>Product Name: ${product.name}</li>`
            productList.innerHTML += `<li>Status: <label style="color: ${product.isSold ? "red" : "green"}; font-weight: bold;">${product.isSold ? "Out of stock" : "Available"}</label></li>`
            productList.innerHTML += "</ul>"
        })
    } catch (error) {
        console.log(error)
    }
})("http://127.0.0.1:3000")