Logo-Text von verschiedenen HTML-Seiten anhängen [geschlossen] ⇐ CSS

[Guest]

Ich erstelle das Logo einer Website mithilfe des folgenden HTML-Codes:

Code: Select all

[url=index.html]Sarra.[/url]

Und ich passe die Farben mithilfe von CSS an:

Code: Select all

.mil-frame-top .mil-logo {
pointer-events: all;
color: rgb(0, 0, 0);
}

.mil-logo-dot .mil-logo-suffix {
pointer-events: all;
color: rgb(255, 152, 0);
font-weight: 200;
font-size: 18px;
}

Bisher funktioniert alles gut. Im Folgenden möchte ich Folgendes erreichen:
Das Suffix in einer Unterseite heißt „Design“, also das Logo sollte wie folgt lauten:

Code: Select all

[url=index.html]Sarra.Design[/url]

Auf der Hauptseite sieht der Besucher also nur das Logo „Sarra.“, wenn er/sie jedoch zu einer Unterseite namens „“ navigiert Design“, das Logo sollte wie folgt angezeigt werden: „Sarra.Design“.
Dazu habe ich den folgenden JS-Code geschrieben:< /p>

Code: Select all

document.addEventListener("DOMContentLoaded", function () {
const text = "Design";
const logoElement = document.querySelector('.mil-logo-suffix');
const metaPage = document.querySelector('meta[name="page"]');

if (logoElement & (metaPage && metaPage.getAttribute("content") !== "home")) {
logoElement.textContent.replace("Massa.", "Massa." + text);
}
});

Und ich rufe das JS-Skript auf, bevor ich den Text in der HTML-Datei der Unterseite schließe:

Code: Select all

Derzeit habe ich zwei Probleme, die ich lösen muss:

• Wenn ich zwischen den Seiten navigiere, Ich erhalte das gleiche Logo: „Sarra.“. Daher möchte ich das Logo basierend auf dem Seitentitel anhängen, auf dem der Benutzer gerade surft. Aber es funktioniert nicht.
• Ich habe die Farbe des Punktes und das Suffix in der CSS-Klasse geändert, aber es trifft nicht zu ( sie werden nicht in Orange angezeigt).

Kann mir jemand sagen, was falsch ist?
Vielen Dank