How to wait inside then

[dim spear]

How do you call a function from within fetch.then after the data is fetched? I've also tried just returning the data, but that also fires before the data comes back.

Below, the console.log(data) line waits for the data, but getElements is called immediately, resulting in a console.log of "undefined yo".

        fetch('https://opentdb.com/api.php?amount=5&category=9&difficulty=easy&type=multiple')
            .then(res => res.json())
            .then(data => {
                console.log(data)
                getElements(data)
            })
            .catch(error => { console.log(error); })
    }

    function getElements(something) {
        console.log(something, "yo")
}

  getQuestions()```

[coarse cliff]

just give it a try,

.then (data => {
console.log(data)
Return data
})
.then(data => getElements(data))

🤔

[coarse cliff]

but that doesn't make sense as .then will resolve and give the data to do something...

I think u have something not going as thinking
Maybe once check like this..

fetch(url).then((response) => console.log(response.status))

[lofty forge]

Uh... are you sure? When I run your original code @dim spear I get:

{response...} 'yo'

So it appears to be working just fine...

[dim spear]

console.log works. It's when I add the function call that I have the problem.

[dim spear]

I just rebooted and I still have the same problem. I get "undefined yo" and then the data logs. When I try to do something with the data in the called function, I get an error that the passed parameter is not defined.

It seems like the function is getting called, then the data comes in, and then the function gets called again.

[coarse cliff]

Um...3 times? function console and function?

[bleak imp]

The original code fragment that's posted above also works perfectly fine for me.

[lofty forge]

That's what I'm saying though - it works for me WITH function call...

So question - is this in a Scrim or some other virtual environment (CodePend, Code Sandbox etc...)?

[brittle oak]

I think @lofty forge is right. Because, if the console.log works with the correct data, it means the data is ready at that point, so also your function should work accordingly

[bleak imp]

The posted code snippet essentially implements the asynchronous callback pattern -- except the callback is a global function, not one passed as a parameter.