scrimba
Fetch advanced
Project Build Part 5 - JavaScript Fetch Exercise 2
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Project Build Part 5 - JavaScript Fetch Exercise 2
AboutCommentsNotes
Project Build Part 5 - JavaScript Fetch Exercise 2
Expand for more info
index.js
run
preview
console
// variables
const urlBase = "https://api.punkapi.com/v2/beers";

async function getBeers() {
// fetch
const beerPromise = await fetch(urlBase);
const beers = await beerPromise.json();

// render data
const beersDiv = document.querySelector('.beers');

let beerHtml = "";

beers.forEach(beer => {
beerHtml += `
<h3>${beer.name}</h3>
`;
});

beersDiv.innerHTML = beerHtml;
}

// initial get
getBeers();
Console
/index.html
-3:37