So i made a async/await request and wanted to output the response in json format: I first tried to use alert to alert the response, it displayed the response in an alert box. Then i tried logging it to the console, and it did the same thing in the console. Then i tried displaying it to the webpage using the HTML DOM and interesting things happened. Instead of displaying the response to the webpage, it displayed [object Object].
Now i am curious: Can you actually display json response to the webpage?
Btw this is how my request looks like:
async function syncf() {
try {
const response = await fetch("https://reqres.in/api/users/2")
if (response.ok) {
const jsonResponse = await response.json()
document.getElementById("response").innerHTML = jsonResponse
}
} catch(error) {
console.log(error)
}
}
syncf()
