2026-06-18 14:12:13 +02:00
parent 28c0a44ead
commit 99c26159ea
13 changed files with 531 additions and 0 deletions
--- a/01_grundlagen/uebungen/#u15-u17_reichweite-verbrauch.html
+++ b/01_grundlagen/uebungen/#u15-u17_reichweite-verbrauch.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Übung 15 17: Reichweite & Verbrauch</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" />
+  </head>
+  <body>
+    <main>
+      <div class="container py-5">
+        <div class="alert alert-primary">
+          <h1>Übung 15: Reichweite & Verbrauch</h1>
+          <ol>
+            <li>
+              Schreiben Sie ein Programm zur Kraftstoffverbrauchsberechnung für Pkws. Der Benutzer soll die gefahrenen
+              Kilometer (Strecke) und die verbrauchte Benzinmenge angeben. Das Programm ermittelt daraufhin den
+              Kraftstoffverbrauch auf 100 km und gibt ihn aus.
+
+              <blockquote>
+                <strong>Hinweis:</strong> Verwenden Sie folgende Formel:<br />
+                <code>Verbrauch [l/100km] = Benzinmenge [l] / Strecke [km] × 100</code>
+              </blockquote>
+            </li>
+            <li>
+              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 />
+                <code> Reichweite [km] = Tankgröße [l] × Strecke [km] / Benzinmenge [l] </code>
+              </blockquote>
+            </li>
+          </ol>
+        </div>
+        <div class="alert alert-primary">
+          <h2>Übung 17: Reichweite & Verbrauch, Teil 2</h2>
+          <p>Runde die Ausgaben von Übung 15 (Teil 1 der Übung) kaufmännisch (d. h. ab 0.5 aufrunden).</p>
+        </div>
+        <div class="output-a alert alert-secondary"></div>
+        <div class="output-b alert alert-secondary"></div>
+      </div>
+    </main>
+    <script>
+      'use strict';
+
+      const outputAEl = document.querySelector('.output-a');
+      const outputBEl = document.querySelector('.output-b');
+    </script>
+  </body>
+</html>