callbacks.js

function fetchingData( done ) {
    fetch(`https://api.worldbank.org/v2/country/${countryCode}?format=json`)
        .then(res => res.json())
        .then(countryData => {
            console.log(countryData);
            console.log(countryData[1][0]['capitalCity']);
            let capCity = countryData[1][0]['capitalCity'];
            done(capCity)
        })
        .catch(err => {
            console.log(err)
        });


}

//  when the page loads, select an element at random from the countriesAndCodes array

//  display the country's name in the randomCountryElement

submitButton.addEventListener("click", () => {
    // let userAnswer = userAnswerElement.value();

    fetchingData( function(capCity) {
        console.log(capCity)
    })

});

promises.js

function fetchingData( ) {
    return fetch(`https://api.worldbank.org/v2/country/${countryCode}?format=json`)
        .then(res => res.json())
        .then(countryData => {
            console.log(countryData);
            console.log(countryData[1][0]['capitalCity']);
            let capCity = countryData[1][0]['capitalCity'];
            return capCity 
        })
}

//  when the page loads, select an element at random from the countriesAndCodes array

//  display the country's name in the randomCountryElement

submitButton.addEventListener("click", () => {
    // let userAnswer = userAnswerElement.value();

    fetchingData().then( capCity => { 
        console.log(capCity)}
        )
        
});