From a885cd95504c2f44945a99a8d513028fa75ae337 Mon Sep 17 00:00:00 2001 From: Philippe Torrel Date: Tue, 3 Nov 2026 09:09:37 +0100 Subject: [PATCH] --- 07_js-debug/agenda.md | 1 + .../tag41/03_dry/02_optimierung-durch-dry.html | 16 ++++++++++------ .../tag41/04_error-types/03_type-error.html | 2 ++ .../tag41/04_error-types/04_type-error.ts | 2 +- 4 files changed, 14 insertions(+), 7 deletions(-) diff --git a/07_js-debug/agenda.md b/07_js-debug/agenda.md index 26e2b4e..8413a06 100644 --- a/07_js-debug/agenda.md +++ b/07_js-debug/agenda.md @@ -687,6 +687,7 @@ Projektarbeit - Debugging-Techniken – Chrome Debugger - Webentwickler Developer Tools +- Einrichtung von Eslint und AirBnB-Richtlinien - Debugging-Techniken – VSCode Debugger **Übungen:** diff --git a/07_js-debug/unterricht/tag41/03_dry/02_optimierung-durch-dry.html b/07_js-debug/unterricht/tag41/03_dry/02_optimierung-durch-dry.html index 5508bfc..ea2ddfe 100644 --- a/07_js-debug/unterricht/tag41/03_dry/02_optimierung-durch-dry.html +++ b/07_js-debug/unterricht/tag41/03_dry/02_optimierung-durch-dry.html @@ -36,12 +36,7 @@ const init = () => { const areas = calcRectangles(rectangles); - let html = ''; - areas.forEach((area, idx) => { - html += `Area of Rectange ${idx + 1}: ${area}
`; - }); - - DOM.output.innerHTML = html; + outputAreaResults(areas); }; // === EVENTHANDLER ===== @@ -57,6 +52,15 @@ return areas; }; + const outputAreaResults = (areas) => { + let html = ''; + areas.forEach((area, idx) => { + html += `Area of Rectange ${idx + 1}: ${area}
`; + }); + + DOM.output.innerHTML = html; + }; + init(); })(); diff --git a/07_js-debug/unterricht/tag41/04_error-types/03_type-error.html b/07_js-debug/unterricht/tag41/04_error-types/03_type-error.html index ccd9d2f..33e5d09 100644 --- a/07_js-debug/unterricht/tag41/04_error-types/03_type-error.html +++ b/07_js-debug/unterricht/tag41/04_error-types/03_type-error.html @@ -19,6 +19,8 @@ { NodeList.prototype.__proto__ = Array.prototype; + console.log(document.querySelectorAll('div').filter((el) => el.classList.contains('container'))); + const Math = 123; // console.log(Math.sin()); // TypeError: Math.sin is not a function // console.log(Math.PI); // undefined diff --git a/07_js-debug/unterricht/tag41/04_error-types/04_type-error.ts b/07_js-debug/unterricht/tag41/04_error-types/04_type-error.ts index 1eec014..f61dd19 100644 --- a/07_js-debug/unterricht/tag41/04_error-types/04_type-error.ts +++ b/07_js-debug/unterricht/tag41/04_error-types/04_type-error.ts @@ -14,7 +14,7 @@ const myCar = { name: 'Toyota', model: 'Camry' }; - /* greet(42); // => TypeError: Argument of type 'number' is not assignable to parameter of type 'string' */ + // reet(42); // => TypeError: Argument of type 'number' is not assignable to parameter of type 'string' greet('11');