2023-12-04 00:39:18 +01:00
|
|
|
<html>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<body style="background-color: black; color: white">
|
2023-12-05 00:20:15 +01:00
|
|
|
<h1 style='text-align: center; color: #ff8d1a'>{{ nrist }} </h1>
|
|
|
|
|
|
|
|
|
|
<!-- <form id="usernameForm">
|
|
|
|
|
<input type="text" id="prodottiAggiunti" placeholder="Enter your username" />
|
|
|
|
|
<button type="button" onclick="addUser()">Add User</button> -->
|
|
|
|
|
</form>
|
|
|
|
|
<br><br>
|
2023-12-04 00:39:18 +01:00
|
|
|
|
|
|
|
|
<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>
|
2023-12-05 00:20:15 +01:00
|
|
|
|
|
|
|
|
|
2023-12-04 00:39:18 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
