guillemet

[millede]

const container = document.querySelector('.countries-container');
const inputSearch = document.getElementById('inputSearch');
const inputRange = document.getElementById('inputRange')
const btnSort = document.querySelectorAll('.btnSort')
let countries;
let sortType = "minToMax";

const fetchData = async()=> {
await fetch ("https://restcountries.com/v3.1/all")
.then((res)=>res.json())
.then((data)=>countries = data)
console.log(countries)
countriesDisplay()
}

const countriesDisplay = ()=> {
container.innerHTML = countries
.map ((country)=>
'

${country.translations.fra.common}

${country.capital}

Population : ${country.population.toLocaleString()}

'
).join("")
}

window.addEventListener('load',fetchData);

inputSearch.addEventListener ('input', countriesDisplay)