43 lines
1.6 KiB
HTML
43 lines
1.6 KiB
HTML
<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> |