- cleaned up and formatted code
This commit is contained in:
parent
535d6e0737
commit
373d655bae
@ -24,7 +24,7 @@
|
|||||||
<label for="nachname">Nachname:</label>
|
<label for="nachname">Nachname:</label>
|
||||||
<input type="text" id="Nachname" name="Nachname" required placeholder="Nachname">
|
<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.">
|
<input type="text" id="KundenNr" name="KundenNr" required placeholder="Kunden Nr.">
|
||||||
|
|
||||||
<label for="strasse">Straße:</label>
|
<label for="strasse">Straße:</label>
|
||||||
@ -36,7 +36,7 @@
|
|||||||
<label for="ort">Ort:</label>
|
<label for="ort">Ort:</label>
|
||||||
<input type="text" id="ort" name="ort" required placeholder="Ort">
|
<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>
|
<a class="button-submit" id="sendOrder">Bestellung absenden</a>
|
||||||
|
|
||||||
@ -56,7 +56,6 @@
|
|||||||
|
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', function () {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
const formular = document.getElementById('bestellform');
|
|
||||||
const kundenNrInput = document.getElementById('KundenNr');
|
const kundenNrInput = document.getElementById('KundenNr');
|
||||||
const VornameInput = document.getElementById('Vorname');
|
const VornameInput = document.getElementById('Vorname');
|
||||||
const NachnameInput = document.getElementById('Nachname');
|
const NachnameInput = document.getElementById('Nachname');
|
||||||
@ -142,7 +141,7 @@
|
|||||||
const result = await response.json();
|
const result = await response.json();
|
||||||
|
|
||||||
if (response.ok) {
|
if (response.ok) {
|
||||||
// Bestellung erfolgreich -> Weiterleitung
|
// Bestellung erfolgreich → Weiterleitung
|
||||||
warenkorbLeeren();
|
warenkorbLeeren();
|
||||||
window.location.href = "/bestellung";
|
window.location.href = "/bestellung";
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
<!--
|
<!--
|
||||||
Header-Bereich Einbindung
|
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>
|
<header>
|
||||||
<!-- Logo und Shop-Titel -->
|
<!-- Logo und Shop-Titel -->
|
||||||
@ -24,7 +24,6 @@
|
|||||||
<span class="cart-count" id="cart-count">0</span>
|
<span class="cart-count" id="cart-count">0</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- Navigationsmenü -->
|
<!-- Navigationsmenü -->
|
||||||
@ -38,17 +37,17 @@
|
|||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/shop"><i class='bx bx-store'></i> Shop</a>
|
<a href="/shop"><i class='bx bx-store'></i> Shop</a>
|
||||||
<ul class="submenu">
|
<ul class="submenu">
|
||||||
<li><a href="/shop/motorrad"></i> Motorräder</a></li>
|
<li><a href="/shop/motorrad"> Motorräder</a></li>
|
||||||
<li><a href="/shop/oldtimer"></i> Oldtimer</a></li>
|
<li><a href="/shop/oldtimer"> Oldtimer</a></li>
|
||||||
<li><a href="/shop/sportwagen"></i> Sportwagen</a></li>
|
<li><a href="/shop/sportwagen"> Sportwagen</a></li>
|
||||||
<li><a href="/shop/lkw"></i> LKWs</a></li>
|
<li><a href="/shop/lkw"> LKWs</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<!-- Link zu Über uns-->
|
<!-- Link zu über uns-->
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/ueberuns"><i class='bx bx-group'></i> Über uns</a>
|
<a href="/ueberuns"><i class='bx bx-group'></i> Über uns</a>
|
||||||
</li>
|
</li>
|
||||||
<!-- Link zur Kontakt Seite-->
|
<!-- Link zur Kontaktseite-->
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/kontaktformular"><i class='bx bx-envelope'></i> Kontakt</a>
|
<a href="/kontaktformular"><i class='bx bx-envelope'></i> Kontakt</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -17,7 +17,8 @@
|
|||||||
<main>
|
<main>
|
||||||
<section style="padding: 40px 20px; max-width: 700px; margin: 0 auto;">
|
<section style="padding: 40px 20px; max-width: 700px; margin: 0 auto;">
|
||||||
<h1>Kontaktieren Sie uns</h1>
|
<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">
|
<form id="contact-form">
|
||||||
<div class="input-box">
|
<div class="input-box">
|
||||||
@ -33,7 +34,9 @@
|
|||||||
<i class='bx bx-edit-alt'></i>
|
<i class='bx bx-edit-alt'></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-box">
|
<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>
|
</div>
|
||||||
<button type="submit" class="btn">Nachricht senden</button>
|
<button type="submit" class="btn">Nachricht senden</button>
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
@ -33,7 +33,7 @@
|
|||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- Fußzeiele -->
|
<!-- Fußzeile -->
|
||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@ -33,7 +33,7 @@
|
|||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- Fußzeiele -->
|
<!-- Fußzeile -->
|
||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user