ptorrel/JS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
Philippe Torrel
2026-06-18 14:12:13 +02:00
parent 28c0a44ead
commit 99c26159ea
13 changed files with 531 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
01_grundlagen/uebungen/#u14_rechnen-ausdruecke.html Normal file
View File

@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Übung 14: Also, was sind das denn nur für Ausdrücke?</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">
<h1>Übung 14: Also, was sind das denn nur für Ausdrücke?</h1>
<!-- Übung 14 -->
<table class="table table-striped my-5">
<thead class="table-dark">
<tr>
<th>Ausdruck</th>
<th>Rückgabewert</th>
<th>Datentyp</th>
</tr>
</thead>
<tbody>
<tr>
<td>'1.5' * 2</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>'1,5' * 2</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>'1.5' + 2</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>Number('1.5') * 2</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>Number('1,5') * 2</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>Number('3 Tage') * 7</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>Number('Seite 20') + 5</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>'9,2' + Number('11.7')</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>(NaN - 2) * (4 / 2)</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>alert(Number(17 / 2 + 1.3))</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>console.log(Number(17 / 2 + 1.3))</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>typeof 12.25</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>typeof typeof 12.25</td>
<td>-</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
</main>
<script>
'use strict';
</script>
</body>
</html>

50
01_grundlagen/uebungen/#u15-u17_reichweite-verbrauch.html Normal file
View File

@@ -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>

27
01_grundlagen/uebungen/#u16_rest-sekunden-2.html Normal file
View File

@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Übung 16: Sekunden, Teil 2</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">
<h2>Übung 16: Sekunden, Teil 2</h2>
Gib die Ergebnisse des Zeitrechners (Übung 3) abgerundet (ohne Nachkommastellen) in folgender Form aus:
<strong>mm:ss</strong>
</div>
<div class="output alert alert-secondary"></div>
</div>
</main>
<script>
'use strict';
const outputEl = document.querySelector('.output');
</script>
</body>
</html>

63
01_grundlagen/uebungen/#u18_lottozahl.html Normal file
View File

@@ -0,0 +1,63 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Übung 18: Lotto oder der »49-Seiten Würfel«</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet" />
<style>
*,
html {
box-sizing: border-box;
}
.output {
overflow: hidden;
}
.lotto-number {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #f8f8f8;
display: flex;
justify-content: center;
align-items: center;
background: #f2f2f2;
background: radial-gradient(circle, rgba(242, 242, 242, 1) 0%, rgba(130, 130, 130, 1) 93%);
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}
.lotto-number span {
font-weight: bolder;
}
</style>
</head>
<body>
<main>
<div class="container py-5">
<div class="alert alert-primary animate__animated animate__shakeY animate__infinite">
<h2>Übung 18: Lotto oder der »49-Seiten Würfel«</h2>
<p>
Für Zufallszahlen von eins bis sechs ist ein Würfel wirklich praktisch — und sinnvoll. Für alle anderen
Fälle ist ein Zufallsgenerator natürlich unumgänglich und Pflichtprogramm. Zum Beispiel, wenn du Hilfe für
deine nächsten Lottozahlen benötigst …
</p>
<p>
Schreibe ein Programm, das genau eine Zufallszahl zwischen 1 und 49 ausgibt. Die Grenzwerte 1 und 49 sollen
dabei inklusive sein und Nachkommastellen sind nicht erwünscht.
</p>
</div>
<div class="output alert alert-secondary my-3">
<div class="lotto-ball"><span class="lotto-number">00</span></div>
</div>
</div>
</main>
<script>
'use strict';
const outputEl = document.querySelector('.output');
const lottoNumberEl = document.querySelector('.lotto-number');
</script>
</body>
</html>

BIN
01_grundlagen/uebungen/uebungen-14-18.zip Normal file
View File

Binary file not shown.

BIN
01_grundlagen/uebungen/uebungen-7-13.zip
View File

Binary file not shown.