DEV Community

Margaret W.N
Margaret W.N

Posted on

2

Day 56: Getting data from Spott Api

I worked on consuming the spot api. I got one part right today getting back the data from the API. I'm still trying to filter out the responses to autoupdate the city and country.

const input = document.getElementById("input");
input.addEventListener('keyup', async (input)=> {

    const typedString = document.getElementById("input").value;

    await fetch(`https://spott.p.rapidapi.com/places/autocomplete?q=${typedString}&limit=10&skip=0&type=CITY&language=ar`, {
    "method": "GET",
    "headers": {
        "x-rapidapi-host": "spott.p.rapidapi.com",
        "x-rapidapi-key": "insertKey"
    }
})
.then(response => {
    let data = response.json();
    console.log(data);

const country = document.querySelector('country');
country.textContent = data.name

})
.catch(err => {
    console.log(err);
});
})
Enter fullscreen mode Exit fullscreen mode

Day 55

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay