This commit is contained in:
49
01_grundlagen/uebungen/u11_rechnen-in-strings.html
Normal file
49
01_grundlagen/uebungen/u11_rechnen-in-strings.html
Normal 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>
|
||||||
48
01_grundlagen/uebungen/u12_prompt-lieblingsessen.html
Normal file
48
01_grundlagen/uebungen/u12_prompt-lieblingsessen.html
Normal 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>
|
||||||
BIN
01_grundlagen/uebungen/u12_prompt-lieblingsessen.html.zip
Normal file
BIN
01_grundlagen/uebungen/u12_prompt-lieblingsessen.html.zip
Normal file
Binary file not shown.
Reference in New Issue
Block a user