From 84fc2efe6f5746a41b49f52a36e143a39c8faace Mon Sep 17 00:00:00 2001 From: Philippe Torrel Date: Wed, 9 Sep 2026 10:51:04 +0200 Subject: [PATCH] --- 01_grundlagen/linksammlung.md | 3 + 01_grundlagen/uebungen/u03_sekunden.html | 31 ++++++++ 01_grundlagen/uebungen/u04_clueck-codes.html | 28 +++++++ 01_grundlagen/uebungen/u05_datentyp.html | 28 +++++++ 01_grundlagen/uebungen/u06-rechnen.html | 76 +++++++++++++++++++ .../tag02/01_alert-prompt-confirm.html | 6 +- .../unterricht/tag02/05_strings.html | 3 +- 01_grundlagen/unterricht/tag02/08_typeof.html | 5 ++ .../tag02/09_prioritaetsreihenfolge.html | 37 ++++++++- 9 files changed, 212 insertions(+), 5 deletions(-) create mode 100644 01_grundlagen/uebungen/u03_sekunden.html create mode 100644 01_grundlagen/uebungen/u04_clueck-codes.html create mode 100644 01_grundlagen/uebungen/u05_datentyp.html create mode 100644 01_grundlagen/uebungen/u06-rechnen.html diff --git a/01_grundlagen/linksammlung.md b/01_grundlagen/linksammlung.md index c1f01fe..1b23997 100644 --- a/01_grundlagen/linksammlung.md +++ b/01_grundlagen/linksammlung.md @@ -14,6 +14,9 @@ - [State Of JS 2025](https://2025.stateofjs.com/en-US) - [JavaScript Wiki Historie](https://de.wikipedia.org/wiki/JavaScript) - [What the f\*ck JS?](https://github.com/denysdovhan/wtfjs) +- [W3C HTML Validator](https://validator.w3.org/nu/#file) +- [Can I use](https://caniuse.com/) + - [HTMLReference.io](https://htmlreference.io/) - [CSSReference.io](https://cssreference.io/) diff --git a/01_grundlagen/uebungen/u03_sekunden.html b/01_grundlagen/uebungen/u03_sekunden.html new file mode 100644 index 0000000..5056669 --- /dev/null +++ b/01_grundlagen/uebungen/u03_sekunden.html @@ -0,0 +1,31 @@ + + + + + + Übung 3: Sekunden + + + +
+
+
+

Übung 3: Sekunden

+

Wie viele Minuten und Restsekunden haben 2000 Sekunden? Verwende console.log für die Ausgabe.

+

+ Hinweise: Am einfachsten ist die Aufgabe mithilfe des Modulo-Operators zu lösen. + Nachkommastellen kannst du im Moment noch nicht entfernen. Darauf kommen wir später zurück. +

+
+
+
+ + + diff --git a/01_grundlagen/uebungen/u04_clueck-codes.html b/01_grundlagen/uebungen/u04_clueck-codes.html new file mode 100644 index 0000000..6ec6c16 --- /dev/null +++ b/01_grundlagen/uebungen/u04_clueck-codes.html @@ -0,0 +1,28 @@ + + + + + + Übung 2: Alarm! + + + +
+
+
+

Übung 4: Die Länge von Strings

+

+ Multipliziere die Länge deines Vornamens mit der Länge deines Nachnamens und lass dir das Ergebnis in der + Konsole ausgeben. +

+
+
+
+ + + diff --git a/01_grundlagen/uebungen/u05_datentyp.html b/01_grundlagen/uebungen/u05_datentyp.html new file mode 100644 index 0000000..5bb1011 --- /dev/null +++ b/01_grundlagen/uebungen/u05_datentyp.html @@ -0,0 +1,28 @@ + + + + + + Übung 5: Na? Was bist denn du? + + + +
+
+
+

Übung 5: Na? Was bist denn du?

+

Welchen Datentyp hat das folgende Literal?
'42'

+
+
+
+
+ + + diff --git a/01_grundlagen/uebungen/u06-rechnen.html b/01_grundlagen/uebungen/u06-rechnen.html new file mode 100644 index 0000000..1d1c9fd --- /dev/null +++ b/01_grundlagen/uebungen/u06-rechnen.html @@ -0,0 +1,76 @@ + + + + + + Nur ein bisschen rechnen … + + + +
+
+

Nur ein bisschen rechnen …

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AusdruckRückgabewert
3 + 4
3 * 12
25 + 12
(12 - 3) / 3
12 % 3
12 * (44 / 11) / 3 + 67
+
+
+ + + diff --git a/01_grundlagen/unterricht/tag02/01_alert-prompt-confirm.html b/01_grundlagen/unterricht/tag02/01_alert-prompt-confirm.html index f999341..c915c82 100644 --- a/01_grundlagen/unterricht/tag02/01_alert-prompt-confirm.html +++ b/01_grundlagen/unterricht/tag02/01_alert-prompt-confirm.html @@ -68,11 +68,11 @@ 'use strict'; // window.alert('Hello World'); // window muss als äußerstes Objekt nicht explizit angegeben werden. (Angabe ist optional) - alert('Hello World'); + // alert('Hello World'); // let result = window.prompt('Die Anwort auf alles?'); - // let result = prompt('Die Anwort auf alles?'); - // console.log(result); // => string | null + let result = prompt('Die Anwort auf alles?'); + console.log(result); // => string | null let answer = confirm('Lust auf eine Pause?'); console.log(answer); // => boolean (true | false) diff --git a/01_grundlagen/unterricht/tag02/05_strings.html b/01_grundlagen/unterricht/tag02/05_strings.html index 84eed2b..7c65e9a 100644 --- a/01_grundlagen/unterricht/tag02/05_strings.html +++ b/01_grundlagen/unterricht/tag02/05_strings.html @@ -16,6 +16,7 @@ - Das globale String-Objekt ist ein Konstruktor für Strings, auch Zeichenketten genannt.

+
@@ -25,7 +26,7 @@ let outputEl = document.querySelector('.output'); let firstName = 'John'; - let lastName = "Wick"; // prettier-ignore + let lastName = 'Wick'; // prettier-ignore let fullName = firstName + ' ' + lastName; diff --git a/01_grundlagen/unterricht/tag02/08_typeof.html b/01_grundlagen/unterricht/tag02/08_typeof.html index b7b3caa..c9e986b 100644 --- a/01_grundlagen/unterricht/tag02/08_typeof.html +++ b/01_grundlagen/unterricht/tag02/08_typeof.html @@ -36,7 +36,11 @@ console.log(typeof function () {}); // => 'function' console.log(typeof 0b1001); //=> 'number' + console.log(typeof 0xfff); //=> 'number' + console.log(typeof 0o17); //=> 'number' + console.log(typeof 123e5); //=> 'number' + console.log(Number.MAX_SAFE_INTEGER); // 9007199254740991 console.log(typeof 123n); // => 'bigint' (2020) // ======================= @@ -45,6 +49,7 @@ console.log(typeof undefined); // => 'undefined' console.log(typeof var2); // => 'undefined' + console.log(typeof var2 === 'undefined'); // => true console.log(typeof [1, 2, 3]); //=> 'object' vom Typ Array console.log(typeof { firstName: 'John', age: 30 }); //=> 'object' vom Typ Object diff --git a/01_grundlagen/unterricht/tag02/09_prioritaetsreihenfolge.html b/01_grundlagen/unterricht/tag02/09_prioritaetsreihenfolge.html index e3b8e83..1b33a02 100644 --- a/01_grundlagen/unterricht/tag02/09_prioritaetsreihenfolge.html +++ b/01_grundlagen/unterricht/tag02/09_prioritaetsreihenfolge.html @@ -10,7 +10,42 @@

Prioritäten-Tabelle

- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Priorität / PräzedenzNameOperator
1GruppierungsoperatorKlammern ()
2typeof-Operatortypeof
3Multiplikation, Division, Modulo* / %
4Addition, Subtraktion+ -
5Zuweisungsoperator=