${element.name.common}
${element.region}
👫${( element.population / 1000000 ).toFixed(1)} Mil
// const btn = document.querySelector(".btn-country");
const countryContainer = document.querySelector(".countries");
// const countryFlag = document.querySelector(".country-flag");
// const flag = document.createElement("img");
const request = new XMLHttpRequest();
request.open("GET", "https://restcountries.com/v3.1/all");
request.send();
console.log(request.responseText);
let data;
let html;
request.addEventListener("load", function (el) {
data = JSON.parse(this.response);
data.forEach(element => {
// const flag = document.createElement("img");
// flag.src = element.flags.png;
// countryFlag.append(flag);
// console.log(`${element.name.common} : ${element["population"]}`);
html += `
👫${(
element.population / 1000000
).toFixed(1)} Mil
${element.name.common}
${element.region}
🗣️${element.languages[0].name}
//💰${element.currencies[0].name}
console.log(element); }); countryContainer.innerHTML = html; });