yeah this explained the fundamentals so well, im glad i didn’t watch the 3 hour videos instead

That's why he used $ sign for back tick

that was what i was thinking too i have always love to use map on arrays

Why not create a variable outside the scope of the fetch function and then when you receive the data just save it that variable. Since that variable is outside the fetch function, you can use it's data outside of the function.

it is backtick available in keyboard below escape button

backtick ``

@@kvkcreations2313 Thank you so much sir 🙏

Its template literal

Appreciate the Super Thanks! Thanks

Sorry too busy to give you a complete / good answer. You would just assign the data to an outside variable. I highly recommend to go through my Professional JavaScript course so these things become easy.

You could cache the data. You can watch a tutorial on caching.

You can fetch any data you like, yes

It’s a lot more work with database

Check if data is actually an array (console.log it)

@@ByteGrad Thank you dear but I got where the error cames from. Within my foreach loop : data.ArrayName.forEach

It’s forEach (with capital)

Try console.log(data) to see if you actually have an array

Interesting use case, I don’t know how to do this in Webflow

@@ByteGrad Completely my mistake. Your solution works like charm. I used ' instead of `. Thanks a lot

Seems like you didn’t select the HTML-element properly

@@ByteGrad Actually I am doing it for table(showing Uncaught (in promise) TypeError: Cannot set properties of null (setting 'innerHTML'))- Can you help with this? ---------------------------------------------------------------- id it titile body async function fetchApi(){ let result = await fetch("jsonplaceholder.typicode.com/posts"); result = await result.json(); console.warn(result); document.getElementById(data).innerHTML = result.map((data)=>( ` ${data.body} ${data.it} ${data.body} ${data.userId} ` )).join(); } fetchApi();

Better to use insertAdjacentHTML if you have a string representing HTML. We want to insert a string that will be parsed as HTML so we have to use insertAdjacentHTML, if you use append the string will simply be text and if you use appendChild you have to create an HTML-element / 'node' to insert first.

@@ByteGrad ohhh okay understood, thanks ♥️

subscribed by the way

You would get the data the exact same way, but just handle it differently once you get it.

Any error messages?

Check if data is actually an array: console.log(data) and see what you get