feat: added comments and modified agenda

03_dom/unterricht/tag24/03_auslesen-width-position/index.html

@@ -30,7 +30,10 @@
       const box = document.querySelector('.box');
 
       // reines JS (wenn Performance keine Rolle spielt)
-      console.log(getComputedStyle(box).width);
+
+      console.log(window.getComputedStyle(document.querySelector('h1'))); // => CSSStyleDeclaration Objekt
+
+      console.log(window.getComputedStyle(box).width);
       console.log(getComputedStyle(box).height);
       console.log(getComputedStyle(box).top);
 

03_dom/unterricht/tag25/01_product-manager/assets/js/main.js

@@ -4,7 +4,11 @@
   // === DOM & VARS =======
 
   const module = document.querySelector('.product-manager') || console.error('Product Manager not found');
+
+  if (!module) return;
+
   const DOM = {
+    module,
     table: module.querySelector('.table-products'),
     tBody: module.querySelector('tbody'),
     inputName: module.querySelector('.input-product-name'),

03_dom/unterricht/tag25/01_product-manager/data/products.js

@@ -1,3 +1,4 @@
+// Konfigurationsvariable
 const PRODUCTS = [
   { name: '3Doodler 3D Printing Pen', price: 29.99 },
   { name: 'Powerstation 5- E. Maximus Chargus', price: 44.95 },