i want to convert into JS promise(Async/Await)

Question

i want to use Async/await in the following code.

function Api(){
  
  fetch('https://api.github.com/users').then(res => res.json())
  .then(data => box.innerHTML=data.map((values) =>`<p>Login:${values.login}</p> 
                                                  <p>ID:${values.id}`).join(''))
}

Make `Api` an `async` function and use `await` instead of `.then()`. See [Making asynchronous programming easier with async and await](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Async_await) — Phil, Feb 23 '22 at 23:42
i tried , but could not do it, should i wrap all it in a variables? — stofu, Feb 23 '22 at 23:43
Please [edit your question](https://stackoverflow.com/posts/71245312/edit) to show what you tried — Phil, Feb 23 '22 at 23:44

score -4 · Answer 1 · answered Feb 23 '22 at 23:43

-4

you can try to do it like that

async function Api () {
  let result = await fetch('https://api.github.com/users');
  result = await result.json();
  
  box.innderHTML = result.data.map((values => `<p>Login:${values.login}</p><p>ID:${values.id}`).join(''))
  
  }

answered Feb 23 '22 at 23:43

Witold

53
2

1

I wouldn't recommend overwriting `result`. Use a new variable like `data` – Phil Feb 23 '22 at 23:45
phil, can u show? – stofu Feb 23 '22 at 23:46
Eg `const data = await result.json()` and `box.innerHTML = data.map(...)` – Phil Feb 24 '22 at 00:01
FYI, OP's original JSON response doesn't have a `data` property so `result.data` in your answer will be undefined – Phil Feb 24 '22 at 00:02

i want to convert into JS promise(Async/Await)

1 Answers1