feat: init produt-manager

03_dom/uebungen/u11_tasse-01001/index.html

@@ -93,15 +93,35 @@
 
     <script>
       'use strict';
-      {
+
+      (() => {
         const $ = (qs) => document.querySelector(qs);
         const $$ = (qs) => Array.from(document.querySelectorAll(qs));
 
-        //  Übung 11: — Teil 6
-        // Der neue Wunsch besteht darin, den Text blau (blue) zu färben. Dieses Mal darfst du keine CSS-Klassen verwenden.
+        // === DOM & VARS =======
+        const DOM = {
+          pEls: $$('p'),
+          h1Els: $$('h1'),
+        };
 
-        // Weise allen p-Elementen mithilfe des Style-Objektes die Farbe blue zu. Du kannst dafür direkt die JavaScript-Konsole verwenden.
-      }
+        // === INIT =============
+        const init = () => {
+          DOM.pEls.forEach((p) => {
+            p.style.color = 'blue';
+          });
+
+          DOM.h1Els.forEach((h1) => {
+            h1.style.color = 'red';
+          });
+        };
+
+        init();
+      })();
+
+      //  Übung 11: — Teil 6
+      // Der neue Wunsch besteht darin, den Text blau (blue) zu färben. Dieses Mal darfst du keine CSS-Klassen verwenden.
+
+      // Weise allen p-Elementen mithilfe des Style-Objektes die Farbe blue zu. Du kannst dafür direkt die JavaScript-Konsole verwenden.
     </script>
   </body>
 </html>