“Fungsi async dapatkan API” Kode Jawaban

Fungsi async dapatkan 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

Fungsi async dapatkan 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

Jawaban yang mirip dengan “Fungsi async dapatkan API”

Pertanyaan yang mirip dengan “Fungsi async dapatkan API”

Lebih banyak jawaban terkait untuk “Fungsi async dapatkan API” di PHP

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya