background: linear-gradient(90deg, #333 0%, #f00 20%, #f00 80%, #333 100%);background: linear-gradient(90deg, #333, #f00, #f00, #f00, #333);
const navbar = document.querySelector('.navbar');
window.addEventListener('scroll', function(){
navbar.classList.toggle('active', pageYOffset > 0);
});
html {
scroll-behavior: smooth;
}// Проходимся по всем элементам "linkList", и делаем выборку по ссылкам (a с атрибутом href, который равен "#")
const anchors = document.querySelectorAll('.linkList a[href*="#"]')
for (let anchor of anchors) {
anchor.addEventListener('click', function (e) {
e.preventDefault()
const blockID = anchor.getAttribute('href').substr(1)
document.getElementById(blockID).scrollIntoView({
behavior: 'smooth',
block: 'start'
})
})
}const list = document.querySelectorAll('.CatalogMenu li a')
list.forEach(item =>{
item.addEventListener('click', (e) =>{
list.forEach(el=>{ el.classList.remove('active'); });
item.classList.add('active')
})
})
function collectValues(target, ...sources) {
const onInput = () => target.value = sources.map(n => n.value).join(', ');
sources.forEach(n => n.addEventListener('input', onInput));
return () => sources.forEach(n => n.removeEventListener('input', onInput));
}
collectValues(...document.querySelectorAll('input'));
