How to FETCH data from an API using JavaScript ↩️

Показать описание

#javascript #utorial #course

00:00:00 fetch
00:06:29 async/await
00:08:55 project

// fetch = Function used for making HTTP requests to fetch resources.
// (JSON style data, images, files)
// Simplifies asynchronous data fetching in JavaScript and
// used for interacting with APIs to retrieve and send
// data asynchronously over the web.
// fetch(url, {options})

async function fetchData(){

try{

throw new Error("Could not fetch resource");
}

}
catch(error){
}
}

Рекомендации по теме

Комментарии

// fetch = Function used for making HTTP requests to fetch resources.
// (JSON style data, images, files)
// Simplifies asynchronous data fetching in JavaScript and
// used for interacting with APIs to retrieve and send
// data asynchronously over the web.
// fetch(url, {options})

async function fetchData(){

try{

const pokemonName =

if(!response.ok){
throw new Error("Could not fetch resource");
}

const data = await response.json();
const pokemonSprite = data.sprites.front_default;
const imgElement =

imgElement.src = pokemonSprite;
imgElement.style.display = "block";
}
catch(error){
console.error(error);
}
}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<input type="text" id="pokemonName" placeholder="Enter Pokemon name">
<button onclick="fetchData()">Fetch Pokemon</button><br>

<img src="" alt="Pokemon Sprite" id="pokemonSprite" style="display: none">

<script src="index.js"></script>
</body>
</html>

BroCodez

in my bottom of the heart i really appreciate you. here lot of middle class student like me. your tutorial helped me alot without any fee. thanks keep going. i expected more tutorial from you😇😇😇😇

abinayag

bro you're a legend. thank you for making code easier to learn.

RJ

I really enjoy the way you explain how you are writing the code and why. Very informative and you make it intuitive. Great work!

NiceChange

thank you for your video <3 It is much easier to follow than other videos and I'm now confident in FETCH thanks to your clear instructions yet short enough to catch!!!

alextruong

From the buttom of my heart, and on behalf of everyone. i would like to thank you so much bro….. been struggling for months with this!!!😭❤️🙏🏾. Hoping to receive a reactJS one. Once again, thank you.

rwcjhpp

i really enjoy all of your videos bro, you helped me a lot with this course, thank you!
Psd: lucario is my fav pokemon

JorgeHernandez-fokl

I really thank you for your on-point tutorial really helping me advance my lil skills

larvey_

definitely the best explanation I've ever watch

emir-mubs

i watch many tutorials on this topic but didn't understand it thanks for your video now i am finally understand it

muhammadshazeel

THIS IS THE BEST TUTORIAL IN YOUTUBE ABOUT THIS. And my favorite pokemon is cyndaquil so when you said Typhlosion I was like What are the odds? hahaha

eusoumateusrocha

thanks, this video was super useful 😀

faststudios

Not only a progammer but also a pokemon fan.

yassinezammouri

Amazing tutorial I’m gonna try this, style it nicely and flex on my class lmaooo

moeyk

Bro I made it 🤩🤩🤸‍♀🤸‍♀, the think is I just want to keep watching your videos. I thought I would never understand Java script.Hopefully this year I'm going to be able to make it! Send you a hug!

vallunacoder.wecodetogether