Berufsschule/Webshop
Berufsschule/Webshop
Template
5
2
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

- cleaned up and formatted code

Browse Source
This commit is contained in:
Fabian 2025-05-01 15:07:23 +02:00
parent 535d6e0737
commit 373d655bae
10 changed files with 75 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/Warenkorb/warenkorb.html
View File

@ -29,7 +29,7 @@
document.addEventListener('DOMContentLoaded', function () {
ladeWarenkorb();
document.getElementById('zurKasseGehen').addEventListener('click', function() {
document.getElementById('zurKasseGehen').addEventListener('click', function () {
window.location.href = '/bestellformular'; // Deine Bestellformular-Seite
});
});
@ -116,6 +116,6 @@
localStorage.setItem('warenkorb', JSON.stringify(warenkorb));
ladeWarenkorb();
}
</script>
</script>
</body>
</html>

7
public/bestellformular/bestellformular.html
View File

@ -24,7 +24,7 @@
<label for="nachname">Nachname:</label>
<input type="text" id="Nachname" name="Nachname" required placeholder="Nachname">
<label for="kundenNr">Kunden Nr.:</label>
<label for="kundenNr">Kunden-Nr.:</label>
<input type="text" id="KundenNr" name="KundenNr" required placeholder="Kunden Nr.">
<label for="strasse">Straße:</label>
@ -36,7 +36,7 @@
<label for="ort">Ort:</label>
<input type="text" id="ort" name="ort" required placeholder="Ort">
<label>Artikel Nr. / Stückzahl:</label>
<label>Artikel-Nr. / Stückzahl:</label>
<a class="button-submit" id="sendOrder">Bestellung absenden</a>
@ -56,7 +56,6 @@
document.addEventListener('DOMContentLoaded', function () {
const formular = document.getElementById('bestellform');
const kundenNrInput = document.getElementById('KundenNr');
const VornameInput = document.getElementById('Vorname');
const NachnameInput = document.getElementById('Nachname');
@ -142,7 +141,7 @@
const result = await response.json();
if (response.ok) {
// Bestellung erfolgreich -> Weiterleitung
// Bestellung erfolgreich → Weiterleitung
warenkorbLeeren();
window.location.href = "/bestellung";
} else {

4
public/bestellung/bestellung.html
View File

@ -40,7 +40,7 @@
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ user_id: user_id })
body: JSON.stringify({user_id: user_id})
});
if (response.ok) {
@ -97,7 +97,7 @@
}
window.addEventListener('DOMContentLoaded', ladeBestellung);
</script>
</script>
<!-- Footer wird dynamisch geladen -->
<div id="footer"></div>

15
public/header_footer/header.html
View File

@ -1,6 +1,6 @@
<!--
Header-Bereich Einbindung
Zeigt Logo, Link zur Startseite, Warenkorb (beispielhaft, keine Funktion) und Menüleiste an
zeigt Logo, Link zur Startseite, Warenkorb (beispielhaft, keine Funktion) und Menüleiste an
-->
<header>
<!-- Logo und Shop-Titel -->
@ -24,7 +24,6 @@
<span class="cart-count" id="cart-count">0</span>
</a>
</div>
</div>
</header>
<!-- Navigationsmenü -->
@ -38,17 +37,17 @@
<li class="menu-item">
<a href="/shop"><i class='bx bx-store'></i> Shop</a>
<ul class="submenu">
<li><a href="/shop/motorrad"></i> Motorräder</a></li>
<li><a href="/shop/oldtimer"></i> Oldtimer</a></li>
<li><a href="/shop/sportwagen"></i> Sportwagen</a></li>
<li><a href="/shop/lkw"></i> LKWs</a></li>
<li><a href="/shop/motorrad"> Motorräder</a></li>
<li><a href="/shop/oldtimer"> Oldtimer</a></li>
<li><a href="/shop/sportwagen"> Sportwagen</a></li>
<li><a href="/shop/lkw"> LKWs</a></li>
</ul>
</li>
<!-- Link zu Über uns-->
<!-- Link zu über uns-->
<li class="menu-item">
<a href="/ueberuns"><i class='bx bx-group'></i> Über uns</a>
</li>
<!-- Link zur Kontakt Seite-->
<!-- Link zur Kontaktseite-->
<li class="menu-item">
<a href="/kontaktformular"><i class='bx bx-envelope'></i> Kontakt</a>
</li>

9
public/kontaktformular/kontaktformular.html
View File

@ -17,7 +17,8 @@
<main>
<section style="padding: 40px 20px; max-width: 700px; margin: 0 auto;">
<h1>Kontaktieren Sie uns</h1>
<p style="margin-bottom: 30px;">Sie haben Fragen oder Anregungen? Schreiben Sie uns – wir melden uns schnellstmöglich!</p>
<p style="margin-bottom: 30px;">Sie haben Fragen oder Anregungen? Schreiben Sie uns – wir melden uns
schnellstmöglich!</p>
<form id="contact-form">
<div class="input-box">
@ -33,7 +34,9 @@
<i class='bx bx-edit-alt'></i>
</div>
<div class="input-box">
<textarea name="nachricht" placeholder="Ihre Nachricht" rows="6" style="width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;" required></textarea>
<textarea name="nachricht" placeholder="Ihre Nachricht" rows="6"
style="width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;"
required></textarea>
</div>
<button type="submit" class="btn">Nachricht senden</button>
</form>
@ -45,7 +48,7 @@
</div>
<script>
document.getElementById('contact-form').addEventListener('submit', function(e) {
document.getElementById('contact-form').addEventListener('submit', function (e) {
e.preventDefault();
alert('Vielen Dank für Ihre Nachricht! Wir melden uns bald bei Ihnen.');
this.reset(); // Formular leeren

2
public/shop/shop.html
View File

@ -33,7 +33,7 @@
</section>
</main>
<!-- Fußzeiele -->
<!-- Fußzeile -->
<div id="footer"></div>
<script>

2
public/shop/shop_lkw.html
View File

@ -33,7 +33,7 @@
</section>
</main>
<!-- Fußzeiele -->
<!-- Fußzeile -->
<div id="footer"></div>
</div>

2
public/shop/shop_oldtimer.html
View File

@ -37,7 +37,7 @@
<div id="footer"></div>
</div>
<script>
<script>
// Funktion zum Hinzufügen zum Warenkorb
function zumWarenkorbHinzufuegen(product) {
let warenkorb = JSON.parse(localStorage.getItem('warenkorb')) || [];