ProbelaufZoo/Javascript/app.js

const swiper = new Swiper('.swiper', {
    direction: 'vertical',
    loop: true,

    pagination: {
      el: '.swiper-pagination',
    },
});

// Für die Links in der Navbar, dass die Striche beim aktuell geklickten bleiben
document.addEventListener("DOMContentLoaded", function() {
  var navLinks = document.querySelectorAll('.navbar .nav-link');
  var initialSelected = document.querySelector('.navbar .nav-link[aria-current="page"]');
  if (initialSelected) {
      initialSelected.classList.add('selected');
  }

  navLinks.forEach(function(link) {
      link.addEventListener('click', function() {
          // Alle anderen Links zurücksetzen
          navLinks.forEach(l => l.classList.remove('selected'));
          // Die 'selected' Klasse zum angeklickten Link hinzufügen
          link.classList.add('selected');
      });
  });
});
// Für Patenshop
document.getElementById('donationForm').addEventListener('submit', function(event) {
  event.preventDefault(); 
  alert('Alles in Ordnung. Vielen Dank für Ihre Spende!');
  this.reset(); 
});

// Für Preis
document.addEventListener('DOMContentLoaded', function() {
  updatePrice(); 
});

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);  
}

function showDonationAmount() {
  const priceInput = document.getElementById('Preis').value;
  alert('Danke für deine Spende von €' + priceInput + '!');
}