script.js

fetch("https://restcountries.com/v3.1/all")
    .then((data)=> data.json())
    .then((ele)=>{ 
        for(let i = 0; i < ele.length; i++) {
            let lat = `${ele[i].latlng[0]}`;
            let long = `${ele[i].latlng[1]}`;
            const div = document.createElement("div");
            div.setAttribute("class","container")
            div.innerHTML = `
                <div class="row">
                    <div class ="col-lg-4 col-sm-12"> 
                        <div class="card mt-3">
                            <div class="card-header bg-secondary cardHeader">${ele[i].name.common}</div>                            
                            <div class="card-body text-center">
                                <img src="${ele[i].flags.png}" class="card-img-top" alt="Flag">
                                <p class="card-text"> Capital : ${ele[i].capital}</p>
                                <p class="card-text"> Region : ${ele[i].region}</p>
                                <p class="card-text"> Country Code : ${ele[i].subregion}</p>
                                <p class="card-text"> Population : ${ele[i].population}</p>
                                <p class="card-text"> Lat & Lng : ${lat} , ${long}</p>
                                <button type="button" id="button" onclick="weather(${lat},${long})" class="btn btn-primary">Click for Weather</button>
                            </div>
                        </div>
                    </div>
                </div>`;
            document.body.append(div);
        }       
    }
);

function weather( lat, long) {
    let apiKey = 'c3a878b7af8cd7df27b3a0a62c548e7a';
    return fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${long}&appid=${apiKey}`)
    .then((data1)=> data1.json())
    .then((data)=> {
        alert (` 
            Current Humidity is ${data.main.humidity}
            Current Pressure is ${data.main.pressure}
            Current Temperature is ${Math.round(data.main.temp-273)}`
        )}
    )
    .catch((err)=> console.log(err))
}