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
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 Preis
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 + '!');
  window.location.reload();
}