From 0fa9a37b3a584a21ab1d99231e9114e0025e356c Mon Sep 17 00:00:00 2001 From: SergejJahne Date: Thu, 18 Apr 2024 16:36:22 +0200 Subject: [PATCH] Patenshop fertig --- Javascript/app.js | 20 ++++++++++++++++++++ index.html | 28 ++++++++++++---------------- 2 files changed, 32 insertions(+), 16 deletions(-) diff --git a/Javascript/app.js b/Javascript/app.js index dbb17ee..b9507f3 100644 --- a/Javascript/app.js +++ b/Javascript/app.js @@ -30,3 +30,23 @@ document.getElementById('donationForm').addEventListener('submit', function(even alert('Alles in Ordnung. Vielen Dank für Ihre Spende!'); this.reset(); // Setzt das Formular zurück }); +// Für Preis +document.addEventListener('DOMContentLoaded', function() { + updatePrice(); // Initialer Preis wird beim Laden der Seite gesetzt +}); + +function updatePrice() { + const fresserchenSelect = document.getElementById('Fresserchen'); + const mengeSelect = document.getElementById('Menge'); + const priceInput = document.getElementById('Preis'); + const selectedFood = fresserchenSelect.options[fresserchenSelect.selectedIndex]; + const pricePerUnit = selectedFood.getAttribute('data-price'); + const quantity = mengeSelect.value; + const total = pricePerUnit * quantity; + priceInput.value = total.toFixed(2); // Preis wird im Preisfeld angezeigt +} + +function showDonationAmount() { + const priceInput = document.getElementById('Preis').value; + alert('Danke für deine Spende von €' + priceInput + '!'); +} diff --git a/index.html b/index.html index 324dc52..07bf6a3 100644 --- a/index.html +++ b/index.html @@ -91,7 +91,7 @@
-
+
@@ -110,31 +110,27 @@
- + + + + +
- +
-
-
- - -
+
+ +