Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // 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")
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement