Scribd Logo
Upload

Welcome to Scribd!

  • 2

    Uploaded by

    Navdeep Kaur
    8 views1 page
    This document contains an async function that fetches recipe data from an API, stores the response in variables, and inserts some of the recipe details into the HTML document. The function makes an API call, catches any errors, stores the response and recipe data, then selects an element and inserts the recipe title, image, and publisher name into the HTML using template literals.

    Original Description:

    Original Title

    txt2.txt

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains an async function that fetches recipe data from an API, stores the response in variables, and inserts some of the recipe details into the HTML document. The function makes an API call, catches any errors, stores the response and recipe data, then selects an element and inserts the recipe title, image, and publisher name into the HTML using template literals.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views1 page

    2

    Uploaded by

    Navdeep Kaur
    This document contains an async function that fetches recipe data from an API, stores the response in variables, and inserts some of the recipe details into the HTML document. The function makes an API call, catches any errors, stores the response and recipe data, then selects an element and inserts the recipe title, image, and publisher name into the HTML using template literals.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    console.

    log('hello test')
    const storeRecipe= async function(){

    try{

    const response= await


    fetch('https://forkify-api.herokuapp.com/api/v2/recipes/5ed6604591c37cdc054bc886')
    const data=await response.json()
    console.log(response,data)

    const responseItems=data.data.recipe;

    document.querySelector('.search-results').innerHTML=` <li class="preview">


    <a class="preview__link" href="#23456">
    <figure class="preview__fig">
    <img src="${responseItems.image_url}" alt="Test" />
    </figure>
    <div class="preview__data">
    <h4 class="preview__name">
    ${ responseItems.publisher}
    </h4>
    <p class="preview__author"> ${ responseItems.title}</p>
    </div>
    </a>
    </li>`
    }
    catch(err){
    alert('this is an error')
    }

    }
    storeRecipe();

    You might also like