With Async and Await
<!DOCTYPE html>
<html>
<head>
<script>
const gitHubRequest = async (loginName)=>{
try{
var response = await fetch(
`https://api.github.com/users/${loginName}/followers`);
var json = await response.json();
var followerList = json.map(user => user.login);
console.log(followerList);
}catch(e){
console.log("data didnt load",e);
}
}
gitHubRequest('eveporcello');
</script>
<title>Async and Fetch</title>
</head>
<body>
</body>
</html>
Output:
![](http://ntala.chinchillareactor.com/wp-content/uploads/2020/01/image-30.png)
Without Async and Await
<!DOCTYPE html>
<html>
<head>
<script>
((loginName) => {
try {
var response = fetch(`https://api.github.com/users/${loginName}/followers`);
var json = response.json();
var followerList = json.map(user => user.login);
console.log(followerList);
} catch(e) {
console.log("Data didn't load", e);
}
})('eveporcello');
</script>
<title>Async and Fetch</title>
</head>
<body>
</body>
</html>
Output:
![This image has an empty alt attribute; its file name is image-31.png](http://ntala.chinchillareactor.com/wp-content/uploads/2020/01/image-31.png)