Task 3.2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Task 3</title>
</head>
<body>
    <h2>TASK 3 - JSON ITERATION</h2>
    <script>

function handleData(){

                
let data = JSON.parse(this.responseText)
// console.log(data)

for(let i=0;i<data.length;i++)
{
    console.log(data[i].name.common,data[i].population)
}

for(i in data)
{
    console.log(data[i].name.common)
}

for(e of data)
{
    console.log(e.name.common,e.population)
}

//  forEach 
data.forEach((e)=>{
console.log(e.name.common);
})
}


const req = new XMLHttpRequest();
req.addEventListener('load',handleData)
// req.onload = (res)=>{
// console.log(JSON.parse(res.srcElement.responseText))
// }
req.open("GET","https://restcountries.com/v3.1/all")
req.send()
    </script>
</body>
</html>