php dateien in php verzeichnis verschoben. message construct in eigene datei message.php verschoben.

assets/js/bestellformular.js

@@ -0,0 +1,34 @@
+window.onload = function () {
+    document.getElementById('formular').addEventListener('submit', function (e) {
+        e.preventDefault(); // Verhindert die Standard-Formularsendung
+        const form = e.target;
+        const data = new FormData(form);
+        const notification = document.getElementById('notification');
+        const btn = document.getElementById('bestellformular-btn');
+        fetch(form.action, {
+            method: 'POST',
+            mode: 'cors',
+            body: data,
+        })
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                return response.json();
+            })
+            .then(data => {
+                // Erfolgsnachricht anzeigen
+                notification.textContent = 'Nachricht erfolgreich gesendet!';
+                btn.className = 'submitbutton text-white mx-auto submit-after-valid-captchaaaa .fadeOut';
+                // notification.className = 'bg-green-500 text-white px-4 py-2 rounded block';
+                // setTimeout(() => notification.className = 'bg-green-500 text-white px-4 py-2 rounded hidden', 5000); // Benachrichtigung nach 5 Sekunden ausblenden
+            })
+            .catch((error) => {
+                // Fehlermeldung anzeigen
+                notification.textContent = 'Fehler beim Senden der Nachricht.';
+                console.log(error);
+                notification.className = 'bg-red-500 text-white px-4 py-2 rounded block';
+                // setTimeout(() => notification.className = 'bg-red-500 text-white px-4 py-2 rounded hidden', 5000); // Benachrichtigung nach 5 Sekunden ausblenden
+            });
+    });
+};

assets/js/veruaslider.js

@@ -0,0 +1,30 @@
+window.onload = function(){
+setInterval(nextSlide, 5000);
+}
+let slideNumber = 0;
+const prevSlide = () =>{
+const slides = document.getElementsByClassName('slides');
+const slider = document.getElementById("verua-slider");
+const currentSlide = slider.getElementsByClassName('current');
+currentSlide[0].classList.remove("current");
+if(slideNumber == 0){
+slideNumber = slides.length-1;
+}
+else{
+slideNumber = slideNumber-1;
+}
+slides[slideNumber].classList.add("current");
+}
+const nextSlide = () =>{
+const slides = document.getElementsByClassName('slides');
+const slider = document.getElementById("verua-slider");
+const currentSlide = slider.getElementsByClassName('current');
+currentSlide[0].classList.remove("current");
+if(slideNumber == (slides.length-1)){
+slideNumber = 0;
+}
+else{
+slideNumber = slideNumber+1;
+}
+slides[slideNumber].classList.add("current");
+}