2026-10-05 10:40:06 +02:00
parent 967bd5c7ea
commit 6f4f54522c
17 changed files with 246 additions and 10184 deletions
@@ -50,6 +50,26 @@
      // Für das Zählen der Zeichen darfst du den kompletten HTML-Code von content auswerten. Es geht nur darum, eine grobe Abschätzung zu bekommen.

      // Durch Duplizieren oder Löschen von Lorem-Ipsum-Absätzen kannst du unterschiedliche Textlängen einfach testen.
+
+      const setHeadlineClass = () => {
+        const headlineEl = document.querySelector('h1');
+        const contentEl = document.querySelector('#content');
+        const l = contentEl.textContent.length;
+        console.log('Length: ' + l);
+        switch (true) {
+          case l <= 3000:
+            headlineEl.classList.add('coffee_break_article');
+            break;
+          case l > 3000 && l <= 9000:
+            headlineEl.classList.add('normal_length_article');
+            break;
+          default:
+            headlineEl.classList.add('lone_weekend_article');
+            break;
+        }
+      };
+
+      setHeadlineClass();
    </script>
  </body>
 </html>