Blog

<div style="max-width: 400px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px;">
<h3>Ásványvíz Vásárlási Kalkulátor</h3>
<form id="calculatorForm">
<label for="pricePerBottle">Ár (Ft / palack):</label><br>
<input type="number" id="pricePerBottle" value="250" min="1" required><br><br>

<label for="quantity">Palackok száma:</label><br>
<input type="number" id="quantity" value="1" min="1" required><br><br>

<label for="shippingCost">Szállítási költség (Ft):</label><br>
<input type="number" id="shippingCost" value="1000" min="0" required><br><br>

<button type="button" onclick="calculateTotal()">Kalkuláció</button>
</form>

<h4>Eredmény:</h4>
<div id="result" style="font-weight: bold;">0 Ft</div>
</div>

<script>
function calculateTotal() {
// Adatok begyűjtése
const pricePerBottle = parseFloat(document.getElementById("pricePerBottle").value);
const quantity = parseInt(document.getElementById("quantity").value, 10);
const shippingCost = parseFloat(document.getElementById("shippingCost").value);

// Teljes összeg kiszámítása
const total = (pricePerBottle * quantity) + shippingCost;

// Eredmény megjelenítése
document.getElementById("result").textContent = total.toLocaleString('hu-HU') + " Ft";
}
</script>