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

@@ -103,12 +103,30 @@
         // 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.
+        $$('p').forEach((elem) => {
+          if (elem.classList.contains('buy_info_text')) return;
+          elem.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.
+        $$('p.buy_info_text').forEach((elem) => {
+          elem.classList.remove('gray');
+        });
+
+        $$('p:not(.buy_info_text)').forEach((elem) => {
+          elem.classList.add('gray');
+        });
 
         // 3. Weise nun allen Listenpunkten, die noch keine andere Klasse haben, die Klasse gray zu.
+        $$('li:not([class])').forEach((elem) => {
+          elem.classList.add('gray');
+        });
+
+        $$('li').forEach((elem) => {
+          if (elem.classList.length === 0) {
+            elem.classList.add('gray');
+          }
+        });
       }
     </script>
   </body>