Ich möchte Einträge in p-tags in sections durch durchstreichen kennzeichen, wenn das Datum kleiner als das aktuelle ist.
Vielleicht kann sich jemand anschauen, was ich gebastelt habe, aber nicht funktioniert. Danke für Eure Hilfe!
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="advent.css">
<title>Adventskalender</title>
</head>
<script>
document.addEventListener("DOMContentLoaded", function () {
var currentDate = new Date();
var currentYear = currentDate.getFullYear();
var sections = document.querySelectorAll(".tag");
sections.forEach(function (section) {
var dateString = section.textContent.split("|")[0].trim(); // Extrahiert das Datum aus dem Abschnittstext
var sectionDate = new Date(currentYear + " " + dateString);
// Vergleicht die Daten und durchstreicht den Text, wenn das Datum vergangen ist
if (sectionDate < currentDate) {
var paragraph = section.querySelector("p");
paragraph.style.textDecoration = "line-through";
}
});
});
</script>
<body>
<div class="advent">
<!--<div class="banner">
<img src="img/banner.png" alt="">
</div>-->
<div class="advent-header">
<div class="rechts">
<img src="img/1a.png" alt="">
<img src="img/2.png" alt="">
</div>
<div class="mitte">
<h1>
Adventskalender 2023
</h1>
<h2>TOLLE ANGEBOTE FÜR EUCH UND EURE FREUNDE! <br>
AUCH FÜR NICHTMITGLIEDER!
</h2></div>
<div class="links">
<img src="img/3a.png" alt="">
<img src="img/2a.png" alt="">
</div>
</div>
<div class="kalender">
<section class="tag"><p>01. Dezember | FR.| AKTION: 5ER KARTE „FASZIENMASSAGE (25MIN)“ KAUFEN UND WIR SCHENKEN DIR 2 WEITERE MASSAGEN DAZU! PREIS: 149</p></section>
<section class="tag"><p>02. Dezember | SA.| WISSEN: WIE VIELE KURSE GIBT BRITTA IN EINER WOCHE? ANTWORTE KORREKT UND ERHALTE EINEN 5€ GUTSCHEIN!</p></section>
<section class="tag"><p>04. Dezember | MO.| FUN: KOMME MIT EINEM PARTNER IM PARTNERLOOK ZUM TRAINIEREN UND SICHERE DIR EINEN TANKGUTSCHEIN (10€)</p></section>
<section class="tag"><p>05. Dezember | DI.| CASH & GO-AKTION: KAUFE DIR SO VIELE MONATE, WIE DU MÖCHTEST - NUR 60€/MONAT (OHNE VETRAGSBINDUNG, AM STÜCK EINZULÖSEN)</p></section>
<section class="tag"><p>06. Dezember | MI.| FUN: VERRATE UNS WO SICH DIE 10 NIKOLÄUSE VERSTECKEN! ANTWORTE KORREKT & ERHALTE EINEN MONAT GRATIS FÜR DEINE/N LIEBSTE/N!
</p></section>
<section class="tag"><p>07. Dezember | DO.| CHALLENGE: 3 KLIMMZÜGE FRAUEN,10 KLIMMZÜGE MÄNNER - DANN ERHÄLTST DU EINEN GUTSCHEIN FÜR EINE MASSAGE!</p></section>
<section class="tag"><p>08. Dezember | FR.| AKTION: SCHLIESSE EINEN EINJAHRES VERTRAG AB UND WIR SCHENKEN DIR 3 MONATE DAZU!</p></section>
<section class="tag"><p>09. Dezember | SA.| WEIHNACHTSFEIER: GEMÜTLICHES BEISAMMENSEIN</p></section>
<section class="tag"><p>11. Dezember | MO.| CHALLENGE: 35 SEKUNDEN FRAUEN/ 75 SEKUNDEN MÄNNER AN DER KLIMMZUGSTANGE HÄNGEN - DANN ERHÄLTST DU EINEN MERCHANDISE-ARTIKEL!</p></section>
<section class="tag"><p>12. Dezember | DI.| WISSEN: WER ARBEITET IM STUDIO ALS VOLLZEITKRAFT? ANTWORTE KORREKT UND ERHALTE EINEN SHAKE-GUTSCHEIN!</p></section>
<section class="tag"><p>13. Dezember | MI.| AKTION: 10ER KARTE „MTT“ KAUFEN UND WIR SCHENKEN DIR 2 BESUCHE DAZU! PREIS: 320€
</p></section>
<section class="tag"><p>14. Dezember | DO.| FUN: TRAINIERE HEUTE IN DEINEM LIEBLINGSKOSTÜM UND ERHALTE EINEN MASSAGE-GUTSCHEIN! </p></section>
<section class="tag"><p>15. Dezember | FR.| CHALLENGE: BRING SALLY UP (LIED) MIT WANDSITZ - DANN ERHÄLTST DU EINEN MERCHANDISE-ARTIKEL!</p></section>
<section class="tag"><p>16. Dezember | SA.| WISSEN: WIE VIELE FRAUEN UND MÄNNER SIND IM STUDIO ANGESTELLT? ANTWORTE KORREKT UND ERHALTE EINEN MERCHANDISE-ARTIKEL!</p></section>
<section class="tag"><p>18. Dezember | MO.| FUN: SINGE DEINEM TRAINER/IN EIN STÄNDCHEN UND ERHALTE EIN „PERSONAL-TRAINING“!</p></section>
<section class="tag"><p>19. Dezember | DI.| CHALLENGE: GEWINNE ZIELSCHIESSEN GEGEN EINEN THERAPEUTEN NACH DEINER WAHL - DANN ERHÄLTST DU EINEN GETRÄNKE-GUTSCHEIN!</p></section>
<section class="tag"><p>20. Dezember | MI.| WISSEN: WAS SCHÄTZT IHR, WIE GROSS „MARA“ IST? - ANTWORTE KORREKT UND ERHALTE EINEN KAFFEE-GUTSCHEIN!</p></section>
<section class="tag"><p>21. Dezember | DO.| GEWINNSPIEL: IN WELCHEM JAHR WURDE DAS REHA-SPORTSTUDIO GEGRÜNDET? - DANN ERHALTE EIN REHASPORT-TRAININGSSHIRT!
</p></section>
<section class="tag"><p>22. Dezember | FR.| CHALLENGE: FRAUEN 15 LIEGESTÜTZE, MÄNNER 40 LIEGESTÜTZE - DANN ERHÄLTST DU EINEN GETRÄNKE-GUTSCHEIN NACH WAHL!</p></section>
<section class="tag"><p>23. Dezember | SA.| CASH & GO-AKTION: KAUFE DIR SO VIELE MONATE, WIE DU MÖCHTEST - NUR 60€/MONAT (OHNE VERTRAGSBINDUNG, AM STÜCK EINZULÖSEN)
</p></section>
<section class="tag"><p>24. Dezember | SO.| WEIHNACHTEN: WIR WÜNSCHEN EUCH EIN SCHÖNES UND BESINNLICHES FEST MIT EUREN LIEBSTEN!</p></section>
</div>
<footer>
<img src="img/footer1.png" alt="">
</footer>
</div>
</body>
</html>
).