This commit is contained in:
Philippe Torrel
2026-09-09 14:52:10 +02:00
parent eb1c205855
commit 94333161a4
3 changed files with 97 additions and 0 deletions

View File

@@ -0,0 +1,49 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Übung 11: Rechnen mit Strings?</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">
<h2>Übung 11: Rechnen mit Strings?</h2>
<table class="table table-striped">
<thead class="table-dark">
<tr>
<td>Ausdruck</td>
<td>Rückgabewert</td>
</tr>
</thead>
<tbody>
<tr>
<td>'Hallo' + 'Welt'</td>
<td>HalloWelt</td>
</tr>
<tr>
<td>'Hallo' + ' Welt'</td>
<td>Hallo Welt</td>
</tr>
<tr>
<td>'1' + '1'</td>
<td>11</td>
</tr>
<tr>
<td>1 + 1</td>
<td>2</td>
</tr>
<tr>
<td>'1 + 1'</td>
<td>1 + 1</td>
</tr>
</tbody>
</table>
</div>
</main>
<script>
'use strict';
</script>
</body>
</html>

View File

@@ -0,0 +1,48 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Übung 12: Mit prompt das Lieblingsessen erfragen</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">
<div class="alert alert-primary my-3">
<h1>Übung 12: Mit prompt das Lieblingsessen erfragen</h1>
<ol>
<li>
Fragen Sie den Benutzer nach seinem Lieblingsessen und seinem Lieblingsgetränk und speichern Sie beides in
passend benannte Variablen.
</li>
<li>
Verwenden Sie beide Variablen in einem Satz, den Sie über die Konsole ausgeben. Verketten Sie dabei die
Variablen mithilfe des Verkettungsoperators mit den restlichen Satzteilen .
</li>
<li>
Führen Sie die letzte Übung noch einmal durch, aber verwenden Sie dieses Mal Template String
Substitutions.
</li>
<li>
Wenn Sie ganz fleißig sind, können Sie als dritte Variante noch austesten, wie sich beide Varianten in der
gleichen Ausgabe verwenden lassen.
</li>
</ol>
</div>
<div class="alert alert-success my-3 output-a"></div>
<div class="alert alert-danger my-3 output-b"></div>
<div class="alert alert-warning my-3 output-c"></div>
</div>
</main>
<script>
'use strict';
const outputAEl = document.querySelector('.output-a');
const outputBEl = document.querySelector('.output-b');
const outputCEl = document.querySelector('.output-c');
</script>
</body>
</html>