03_js-dom/uebungen/u06_tasse-01001/index.html

@@ -102,14 +102,29 @@
 
         // Es besteht der Wunsch, den Text teilweise in grauer Schriftfarbe darzustellen.
 
-        // 1. Schreibe eine Funktion, die allen p-Elementen die CSS-Klasse gray zuordnet.
+      
+         // 1. Schreibe eine Funktion, die allen p-Elementen die CSS-Klasse gray zuordnet.
+        const makeTextGray = () => {
+            // 2. Eine Ausnahme soll nur der Fließtext darstellen, der den Kaufvorgang enthält. Die p-Elemente mit der Klasse buy_info_text sollen dementsprechend von dem Vorgang ausgeschlossen werden.
 
-        // 1. Schreibe eine Funktion, die allen p-Elementen die CSS-Klasse gray zuordnet.
+          $$('p:not(.buy_info_text)').forEach((paragraph) => {
+            paragraph.classList.add('gray');
+          });
 
-        // 2. Eine Ausnahme soll nur der Fließtext darstellen, der den Kaufvorgang enthält. Die p-Elemente mit der Klasse buy_info_text sollen dementsprechend von dem Vorgang ausgeschlossen werden.
+           // 3. Weise nun allen Listenpunkten, die noch keine andere Klasse haben, die Klasse gray zu.
+          $$('li').forEach((listItem) => {
+            if (listItem.classList.length === 0) {
+              listItem.classList.add('gray');
+            }
+          });
 
-        // 3. Weise nun allen Listenpunkten, die noch keine andere Klasse haben, die Klasse gray zu.
+          // $$('li:not([class])').forEach((li) => li.classList.add('gray')); // NICHT SAVE - Element kann "class" Attribut besitzen ohne Klassenzuweisung.
+
+        }
+
+        makeTextGray();
       }
     </script>
+    </script>
   </body>
 </html>