“Función async Get API” Código de respuesta

Función async Get API

async function getPosts() {
  const response = await fetch('https://jsonplaceholder.typicode.com/posts?_limit=3&_page=1');
  const data = await response.json();
  return data
Nur Rafi

Función async Get API

async function getAllRecepies() {
    let response = await fetch("receipe.json")
    let data = await response.json()
    return data    
}


    function getRecepieHtml(aRecepie){
        return ` 
        <table>
            <tr>
                <td class="center"><strong>Id:</strong> ${aRecepie.id}</td>
                <td><strong>Menu:</strong> ${aRecepie.menu}</td>
                <td><strong>Chef:</strong> ${aRecepie.chef}</td>
                <td><strong>Time:</strong> ${aRecepie.time.join(' / ')}</td>
                <td><strong>Ingredients:</strong> ${aRecepie.ingredients.join('<br>')}</td>
               <td><img src="food.png"></td>
        </table>
    `
    }
    
    setTimeout(()=> {
        getAllRecepies().then(allRecepies => {
            document.getElementById('recepies').innerHTML = 
            `<div class="my-recepie-list">
                ${allRecepies.map(getRecepieHtml).join('')}
            </div>`      
        })
    }, 500) 



Yvonne A.Okocha

Respuestas similares a “Función async Get API”

Preguntas similares a “Función async Get API”

Más respuestas relacionadas con “Función async Get API” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código