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

8
index.html
View file

@ -70,9 +70,13 @@
<span class="product_price">Home</span> <span class="product_price">Home</span>
</div> </div>
</div> </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> <button class="button is-success">Card</button>
</body> </body>

14
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 to_fill_product_index = 0
var total_price = 0
async function makeAPIRequest(request) { async function makeAPIRequest(request) {
try { try {
const response = await fetch(request); const response = await fetch(request);
@ -38,15 +40,15 @@ async function loadProducts() {
const product_placeholders = document.getElementsByClassName('product_placeholder') const product_placeholders = document.getElementsByClassName('product_placeholder')
const chosen_product_placeholder = product_placeholders[to_fill_product_index] const chosen_product_placeholder = product_placeholders[to_fill_product_index]
var image_product = chosen_product_placeholder.getElementsByClassName('product_image')[0] const image_product = chosen_product_placeholder.getElementsByClassName('product_image')[0]
var price_product = chosen_product_placeholder.getElementsByClassName('product_price')[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) total_price += chosen_product.price
console.log(price_product)
image_product.setAttribute('href', api_url + "/icons/" + chosen_product.image_filename); image_product.setAttribute('href', api_url + "/icons/" + chosen_product.image_filename);
price_product.textContent = "\u20AC " + chosen_product.price price_product.textContent = "\u20AC " + chosen_product.price
total_price_holder.textContent = "\u20AC " + total_price
to_fill_product_index += 1 to_fill_product_index += 1
}); });