{
"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);
});
}