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:
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:
