update

2023-12-04 00:39:18 +01:00
parent 6437960ec8
commit 5c09b714f5
2 changed files with 86 additions and 55 deletions
--- a/template.html
+++ b/template.html
@@ -0,0 +1,43 @@
+<html>
+<body>
+
+<body style="background-color: black; color: white">  
+    <h1 style='text-align: center; color: #ff8d1a'>{{ nrist }} </h1><br><br>
+
+    <ul>
+        {% for index in range(nome|length) %}
+        <h2 style='text-align: center;'>{{ nome[index] }}</h2>
+        <p style='text-align: center;'>{{ desc[index] }}</p>
+        <p style='text-align: center;'>Npezzi: {{ npezzi[index] }}</p>
+        <p style='text-align: center;'>{{ prezzoN[index] }}€</p>
+        <div style='text-align: center;'><button style='font-size: 1.2em;' onclick="aggiungiProdotto('{{ nome[index] }}', '{{ prezzoN[index] }}')">+1</button></div>
+        <br><br>
+        {% endfor %}
+    </ul>
+
+    <br><hr><h2>Prodotti aggiunti</h2>
+    <div id="prodottiAggiunti"></div>
+    <div id="total">Total: €<span id="totalValue">0.00</span></div>
+      
+    <script>
+        var totalValue = 0;
+        function aggiungiProdotto(nome, prezzoN) {
+            var prodotto = nome + ' (' + Number(prezzoN).toFixed(2) + '€)';
+            var box = document.getElementById('prodottiAggiunti');
+            box.innerHTML += '<p>' + prodotto + ' <button onclick="rimuoviProdotto(this, ' + prezzoN + ')">-1</button></p>';
+            totalValue += parseFloat(prezzoN);
+            updateTotal();
+        }
+
+        function updateTotal() {
+            document.getElementById('totalValue').innerText = totalValue.toFixed(2);
+        }
+
+        function rimuoviProdotto(element, prezzoN) {
+            totalValue -= parseFloat(prezzoN);
+            element.parentNode.remove();
+            updateTotal();
+        }
+    </script>
+</body>
+</html>