Yarninator/toddler_shop_frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added total price

Browse source
This commit is contained in:
Yarninator 2024-08-05 13:14:24 +02:00
parent a47127b4fb
commit aa921cc88d
2 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -72,7 +72,11 @@
</div>
<button class="button is-success">Cash</button>
<p id="totalprice">&euro; 0</p>
<button class="button is-success"><i><svg width="90" height="90">
<image class="product_image" xlink:href="http://127.0.0.1:8000/icons/cart" width="50" height="50"/>
</svg></i></button>
<button class="button is-success">Card</button>
</body>

12
scripts/main.js
View file

@ -6,6 +6,8 @@ const api_url = "http://127.0.0.1:8000"
var to_fill_product_index = 0
var total_price = 0
async function makeAPIRequest(request) {
try {
const response = await fetch(request);
@ -38,15 +40,15 @@ async function loadProducts() {
const product_placeholders = document.getElementsByClassName('product_placeholder')
const chosen_product_placeholder = product_placeholders[to_fill_product_index]
var image_product = chosen_product_placeholder.getElementsByClassName('product_image')[0]
var price_product = chosen_product_placeholder.getElementsByClassName('product_price')[0]
const image_product = chosen_product_placeholder.getElementsByClassName('product_image')[0]
const price_product = chosen_product_placeholder.getElementsByClassName('product_price')[0]
const total_price_holder = document.getElementById("totalprice")
console.log(chosen_product_placeholder)
console.log(image_product)
console.log(price_product)
total_price += chosen_product.price
image_product.setAttribute('href', api_url + "/icons/" + chosen_product.image_filename);
price_product.textContent = "\u20AC " + chosen_product.price
total_price_holder.textContent = "\u20AC " + total_price
to_fill_product_index += 1
});