[Alexander3928]

Добрый день всем. Возникла проблема которую не очень понимаю как решить. Есть 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. Полность не могу кинуть слишком много места занимает. Но там все есть чтобы понять проблему.Заранее спасибо кто поможет