01_grundlagen/uebungen/u15-u17_reichweite-verbrauch.html

@@ -6,6 +6,7 @@
     <title>Übung 15 17: Reichweite & Verbrauch</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
   </head>
+
   <body>
     <main>
       <div class="container py-5">
@@ -18,7 +19,8 @@
               Kraftstoffverbrauch auf 100 km und gibt ihn aus.
 
               <blockquote>
-                <strong>Hinweis:</strong> Verwenden Sie folgende Formel:<br />
+                <strong>Hinweis:</strong> Verwenden Sie folgende Formel:
+
                 <code>Verbrauch [l/100km] = Benzinmenge [l] / Strecke [km] × 100</code>
               </blockquote>
             </li>
@@ -26,7 +28,8 @@
               Erweitern Sie das Programm derart, dass das Programm den Benutzer außerdem nach seiner Tankgröße fragt und
               ergänzend die maximale Reichweite in Kilometern berechnet.
               <blockquote>
-                <strong>Hinweis:</strong> Verwenden Sie folgende Formel:<br />
+                <strong>Hinweis:</strong> Verwenden Sie folgende Formel:
+
                 <code> Reichweite [km] = Tankgröße [l] × Strecke [km] / Benzinmenge [l] </code>
               </blockquote>
             </li>
@@ -45,6 +48,21 @@
 
       const outputAEl = document.querySelector('.output-a');
       const outputBEl = document.querySelector('.output-b');
+
+      const distance = prompt('Geben Sie die gefahre Distanz in Kilometer ein');
+      const gasolineAmount = prompt('Geben Sie die verbrauchte Benzinmenge in Litern ein');
+      const tankCapacity = prompt('Geben Sie die Tankgröße in Litern ein');
+
+      // Verbrauch [l/100km] = Benzinmenge [l] / Strecke [km] × 100
+      const consumption = (gasolineAmount / distance) * 100;
+      // Reichweite [km] = Tankgröße [l] × Strecke [km] / Benzinmenge [l]
+      const maximumRange = (tankCapacity * distance) / gasolineAmount;
+
+      console.log(consumption);
+      console.log(maximumRange);
+
+      outputAEl.textContent = `Der Kraftstoffverbrauch auf 100 km: ${consumption.toFixed(1)}`;
+      outputBEl.textContent = `Die maximale Reichweite in Kilometern: ${maximumRange.toFixed(1)}`;
     </script>
   </body>
 </html>