Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 14582, member: 3917"]
OK, wenn Du das so hübsch ausgerichtet haben möchtest, machen wir das am besten mit einer Beschreibungsliste und Gridlayout:
[CODE]
<!DOCTYPE html>
<html lang="de">
<head>
    <style>
        dl {
            display: inline-grid;
            grid-template-columns: auto auto;
            column-gap: 1em;
        }
        dd {
            margin: 0;
        }
    </style>
</head>
<body>
    <dl></dl>
    <script>
        function dateOffest(offsetDays, selDest) {
            // Aktuelles Datum bereit stellen:
            const dte = new Date();
            // Offset in Tagen aufaddieren:
            dte.setDate(dte.getDate() + offsetDays);
            // Lokalen String für das Datum erzeugen:
            const dateStr = dte.toLocaleDateString('de-DE',
                { year: 'numeric', month: '2-digit', day: '2-digit' });
            // und in Zielement eintragen:
            let dtContent = 'Heute:'
            if (offsetDays != 0) {
                let sign = '';
                if (offsetDays > 0) sign = '+';
                dtContent = `Heute ${sign}${offsetDays} Tage:`;
            }
            // HTML für dt und dd vorbereiten:
            const html = `<dt>${dtContent}</dt><dd>${dateStr}</dd>`;
            // und am Ende in die Liste eintragen:
            document.querySelector(selDest).insertAdjacentHTML('beforeend', html);
        }
        dateOffest(0, 'dl');
        dateOffest(14, 'dl');
        dateOffest(-30, 'dl');
    </script>
</body>
</html>
[/CODE]
[/QUOTE]

Authentifizierung