“Asynchronisierungsfunktion erhalten API” Code-Antworten

Asynchronisierungsfunktion erhalten 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

Asynchronisierungsfunktion erhalten 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

Ähnliche Antworten wie “Asynchronisierungsfunktion erhalten API”

Fragen ähnlich wie “Asynchronisierungsfunktion erhalten API”

Weitere verwandte Antworten zu “Asynchronisierungsfunktion erhalten API” auf PHP

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen