JavaScript: работа с DOM и событиями

1document.querySelector('ul').addEventListener('click', (e) => {
2  if (e.target.tagName === 'LI') {
3    console.log('Clicked:', e.target.textContent);
4  }
5});

1const observer = new IntersectionObserver((entries) => {
2  entries.forEach(entry => {
3    if (entry.isIntersecting) {
4      entry.target.classList.add('visible');
5    }
6  });
7});
8document.querySelectorAll('.animate').forEach(el => observer.observe(el));

1const observer = new MutationObserver((mutations) => {
2  mutations.forEach(m => console.log('Changed:', m.target));
3});
4observer.observe(document.body, { childList: true, subtree: true });