01_grundlagen/uebungen/u12b_prompt-lieblingsessen.html

@@ -34,14 +34,14 @@
 
         <form name="userFavs">
           <div class="row mb-3">
-            <div class="col-6">
+            <div class="col">
               <div class="form-floating">
                 <input type="text" class="form-control" name="userMeal" id="userMeal" />
                 <label for="userMeal">Lieblingsessen</label>
               </div>
             </div>
 
-            <div class="col-6">
+            <div class="col">
               <div class="form-floating">
                 <input type="text" class="form-control" name="userDrink" id="userDrink" />
                 <label for="userDrink">Lieblingsgetränk</label>
@@ -51,7 +51,7 @@
 
           <div class="row justify-content-center">
             <div class="col-4 text-center">
-              <button type="submit" class="btn btn-primary">Bestellen</button>
+              <button type="submit" class="btn btn-primary">Senden</button>
             </div>
           </div>
         </form>
@@ -71,11 +71,12 @@
       const userForm = document.forms.userFavs;
 
       userForm.addEventListener('submit', (e) => {
-        e.preventDefault();
+        e.preventDefault(); // Standardverhalten unterbinden
 
         const favMeal = userForm.userMeal.value;
         const favDrink = userForm.userDrink.value;
 
+        // Guard
         if (favMeal === '' || favDrink === '') {
           return;
         }
@@ -91,7 +92,7 @@
           favDrink +
           ' dein Lieblingsgetränk? ... Hm, naja, jedem das Seine...';
 
-        outputBEl.innerText = `User 1234 wurde mit Lieblingsspeise ${favMeal} und Lieblingsgedränk ${favDrink} registiert. Sie werden jetzt zum Bezahlungsprozess weitergeführt. Die Ausgabe der gewünschten Speisen ist optional und nicht garantiert. Einen schönen Tag noch! Beep`;
+        outputBEl.innerText = `User 1234 wurde mit Lieblingsspeise ${favMeal} und Lieblingsgedränk ${favDrink} registriert. Sie werden jetzt zum Bezahlungsprozess weitergeführt. Die Ausgabe der gewünschten Speisen ist optional und nicht garantiert. Einen schönen Tag noch! Beep`;
 
         outputCEl.innerText =
           `Mein Lieblingsmahl ist ${favMeal} und mein Lieblingsgetränk ist ` +