Добрый день всем. Возникла проблема которую не очень понимаю как решить. Есть 4 страницы сперва было на html, потом я перевел на JS динамически. Ивозникла проблема что контент из 1 странцы (home) виден и на других страницах, так как я указал в querySelector('main'). Я знаю видно везьде ведь этот main глобальный и я указал что он создает после body, но вот как мне тогда ограничить другие страницы я не знаю.
Вот где создает main для всех страниц
function main(root) {
const globalMain = document.createElement('main');
globalMain.classList.add('global-main');
root.append(globalMain);
}
main(document.querySelector('body'));
Вот для примера 2 страницы с блоками опять же которые видны на всех страницах а должны только на одной своей странице
function contact(root) {
const box = document.createElement('div');
const box2 = document.createElement('div');
box.classList.add('box-con');
box2.classList.add('box-con__con');
box.append(box2);
root.append(box);
}
contact(document.querySelector('main'));
function services(root) {
const box = document.createElement('div');
const box2 = document.createElement('div');
box.classList.add('box-ser');
box2.classList.add('box-ser__ser');
box.append(box2);
root.append(box);
}
services(document.querySelector('main'));
P.S. Полность не могу кинуть слишком много места занимает. Но там все есть чтобы понять проблему.Заранее спасибо кто поможет