async function LoadProduct() {
const response = await fetch(`/api/product`, {
method: "GET",
headers: { "Accept": "application/json" }
});
if (!response.ok)
console.error();
const data = await response.json();
const div = `
<div class="product-container">
<div class="product-image">
<img class="product-img" src="../${data.image}" alt="Product Image">
</div>
<div class="product-details">
<p class="titleq pp">${data.title}</p>
<p class="priceq pp">${data.price}$</p>
<p class="descriptionq pp">${data.description}</p>
</div>
</div>
`
document.querySelector("[data-container]").insertAdjacentHTML("beforeend", div);
};
async function LoadProduct() {
const response = await fetch(`/api/product`, {
method: "GET",
headers: { "Accept": "application/json" }
});
if (!response.ok)
console.error();
const data = await response.json();
const div = `
<div class="product-container">
<div class="product-image">
<img class="product-img" src="../${data.image}" alt="Product Image">
</div>
<div class="product-details">
<p class="titleq pp">${data.title}</p>
<p class="priceq pp">${data.price}$</p>
<p class="descriptionq pp">${data.description}</p>
</div>
</div>
`
document.querySelector("[data-container]").insertAdjacentHTML("beforeend", div);
};