Добавить текст логотипа с разных html-страниц. ⇐ Html

[Anonymous]

Я создаю логотип веб-сайта, используя следующий HTML:

Код: Выделить всё

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

И я настраиваю цвета с помощью CSS:

Код: Выделить всё

.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;
}

Пока все работает нормально. Я хочу добиться следующего:
Суффикс на подстранице под названием «Дизайн», поэтому логотип должен быть следующим:

Код: Выделить всё

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

Итак, на главной странице посетитель увидит только логотип «Sarra.», но когда он/или перейдет на подстраницу под названием « Design", логотип должен отображаться как: "Sarra.Design".
Для этого я написал следующий JS-код:< /p>

Код: Выделить всё

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);
}
});

И я вызываю JS-скрипт перед закрытием тела в HTML-файле подстраницы:

Код: Выделить всё

В настоящее время мне нужно решить две проблемы:

• Когда я перемещаюсь между страницами, У меня тот же логотип: «Сарра.». Поэтому я хочу добавить логотип на основе заголовка страницы, которую просматривает пользователь. Но это не работает.
• Я изменил цвет точки и суффикс в классе CSS, но он не применяется ( они не отображаются оранжевым цветом).

Может кто-нибудь сказать мне, что не так?
Спасибо

Подробнее здесь: https://stackoverflow.com/questions/793 ... html-pages