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 @@
 <section id="patenshop" class="container-fluid">
     <div class="row justify-content-center">
         <div class="col-md-8">
-            <form class="row g-3">
+            <form class="row g-3" onsubmit="event.preventDefault(); showDonationAmount();">
                 <div class="col-md-6">
                     <label for="inputFirstName" class="form-label">Name</label>
                     <input type="text" class="form-control" id="inputFirstName">
@@ -110,31 +110,27 @@
                 </div>
                 <div class="col-md-3">
                     <label for="Fresserchen" class="form-label">Fresserchen</label>
-                    <select id="Fresserchen" class="form-select">
-                        <option selected>Steak</option>
-                        <option>Fisch</option>
-                        <option>Beeren</option>
-                        <option>Nüsse</option>
-                        <option>Gras</option>
+                    <select id="Fresserchen" class="form-select" onchange="updatePrice()">
+                        <option value="Steak" data-price="20">Steak</option>
+                        <option value="Fisch" data-price="15">Fisch</option>
+                        <option value="Beeren" data-price="10">Beeren</option>
+                        <option value="Nüsse" data-price="8">Nüsse</option>
+                        <option value="Gras" data-price="5">Gras</option>
                     </select>
                 </div>
                 <div class="col-md-3">
                     <label for="Menge" class="form-label">Menge</label>
-                    <select id="Menge" class="form-select">
-                        <option selected>1</option>
+                    <select id="Menge" class="form-select" onchange="updatePrice()">
+                        <option>1</option>
                         <option>2</option>
                         <option>3</option>
                         <option>4</option>
                         <option>5</option>
                     </select>
                 </div>
-                <div class="col-12">
-                    <div class="form-check">
-                        <input class="form-check-input" type="checkbox" id="gridCheck">
-                        <label class="form-check-label" for="gridCheck">
-                            I agree to donate all my money
-                        </label>
-                    </div>
+                <div class="col-md-6">
+                    <label for="Preis" class="form-label">Preis (€)</label>
+                    <input type="text" class="form-control" id="Preis" readonly>
                 </div>
                 <div class="col-12 text-center mt-4">
                     <button type="submit" class="btn btn-primary btn-lg shadow">Spenden</button>