функция для плавной прокрутки по якорям
function anchorsPage(root) {
const anchors = document.querySelectorAll('a[href*="#"]');
for (let anchors of anchors) {
anchors.addEventListener('click', event => {
event.preventDefault();
const anchorsId = anchors.getAttribute('href')
document.querySelector('' + anchorsId).scrollIntoView({
behavior: "smooth",
block: "start"
});
});
}
}
Это функция которая для элемента дает плавности прокрутки(одним словом якорь для плавной прокрутки страницы по id )
Ну вообщем суть не в этом, а как мне вызвать такие функции в главной функции где я динамически деал элементы?
Вот часть кода:
function main(root, dataList) {
//PAGE 1
const aboutWrraper = document.createElement('div');
aboutWrraper.classList.add('about-wrraper');
aboutWrraper.classList.add('grid');
const introductionWrraper = document.createElement('div');
introductionWrraper.classList.add('introduction-wrraper');
introductionWrraper.classList.add('grid');
const advantagesWrraper = document.createElement('div');
advantagesWrraper.id = "center";
advantagesWrraper.classList.add('advantages-wrraper');
advantagesWrraper.classList.add('grid');
activeCard();
anchorsPage();
aboutWrraper.append(introductionWrraper, advantagesWrraper, biographyWrraper, buttonFormWrraper);
root.append(aboutWrraper);
}
main(document.querySelector('main'));
И я хочу обьявить в ней 2 функции из других файлов
import { activeCard } from "./activeCard";
import { anchorsPage } from "./anchorsPage";
В скрине написано что не так.
P.S. на html это работат. А если страницы переводить динамически через js то вот такая ошибка
P.S. надеюсь понятно обьяснил
