Breaking News: Grepper is joining You.com. Read the official announcement!

Country-fetch api

emre answered on November 4, 2023 Popularity 3/10 Helpfulness 5/10

answer Country-fetch api

Country-fetch api

Comment

const getAll = () => {
    let url = "https://restcountries.com/v3.1/all";
    fetch(url)
    .then(res => res.json())
    .then(data => printData(data))
    .catch(err => console.log(err))
}


const printData = (data) => {
    data.forEach(country => {
        const {name:{common}, region, population, capital, currencies, flags:{svg:flagImage}} = country
        const countryDiv = document.querySelector("#countryDiv")
        countryDiv.innerHTML += `
            <img src="${flagImage}" width="300px">
            <h2>Country: ${common}</h2>
            <h2>Capital: ${capital}</h2>
            <h2>Region: ${region}</h2>
            <h2>Population: ${population}</h2>
        
        
        
        `
    })
}

Popularity 3/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Nov 04 2023

emre

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Country-fetch api

Contents

More Related Answers

Country-fetch api

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.