0
votes
{
"amazon": "",
"flipkart": "",
"snapdeal": "",
"ebay": "",
"paytm": "",
"croma": "",
"yebhi": "",
"indiatimes": "",
"homeshop18": "",
"naaptol": "",
"infibeam": "",
"tatacliq": "",
"shopclues": "",
"paytmmall": "",
"gadgets360": ""
}

here is my code:

function fetchProduct(){
    console.log(pro_input.value)
    fetch('https://price-api.datayuge.com/api/v1/compare/price? 
    api_key=...&id='+pro_input.value+'')
      .then(response =>{
          if(! response.ok){
            throw Error("Error");
          }
          return response.json();
      })
      .then(data =>{
        const html2 = data(product_comp =>{
          return `<div class = "product_list">
                    <div class ="pro_comparedprice">
                      <p>Amazon: ${product_comp.amazon}</p>
                      <p>flipkart: ${product_comp.flipkart}</p>
                      <p>snapdeal: ${product_comp.snapdeal}</p>
                      <p>ebay: ${product_comp.ebay}</p>
                      <p>paytm: ${product_comp.paytm}</p>
                      <p>croma: ${product_comp.croma}</p>
                      <p>yebhi: ${product_comp.yebhi}</p>
                      <p>indiatimes: ${product_comp.indiatimes}</p>
                      <p>homeshop18: ${product_comp.homeshop18}</p>
                      <p>naaptol: ${product_comp.naaptol}</p>
                      <p>infibeam: ${product_comp.infibeam}</p>
                      <p>tatacliq: ${product_comp.tatacliq}</p>
                      <p>shopclues: ${product_comp.shopclues}</p>
                      <p>paytmmall: ${product_comp.paytmmall}</p>
                      <p>gadgets360: ${product_comp.gadgets360}</p>
                    </div>
                  </div>`
        }).join("");
        console.log(html2);
        document.querySelector("#pro_comparedprice").insertAdjacentHTML('afterbegin',html2);
      })
      .catch(error =>{
        console.log(error);
      });
  }
Do you want to make it an array then loop throught it ?ABDULLOKH MUKHAMMADJONOV