$('.next-btn').click(function(){
let front = $('.front') // эти три элемента же каждый раз меняются
let middle = $('.middle') // то есть их надо каждый раз
let back = $('.back') // заново находить на странице
front.addClass('middle') // делаем его миддлом
front.removeClass('front') // убираем у него фронт, потому что он больше не фронт
middle.addClass('back')
middle.removeClass('middle')
back.addClass('front')
back.removeClass('back')
});
//prev по аналогии с next, только наоборотconst inputs = document.querySelectorAll('input')
inputs.forEach(i => {
const div = document.createElement('div')
div.className = "superdiv"
i.parentNode.appendChild(div)
})
inputs.forEach(i => i.addEventListener('input', (e) => {
e.target.parentNode.querySelector('.superdiv').textContent = e.target.value
}))function scroll() {
const SECONDS_INTERVAL = 2 // как часто листать
window.scrollTo({
top: window.pageYOffset + window.innerHeight,
behavior: 'smooth'
});
if(window.pageYOffset + window.innerHeight + 30 <= document.body.clientHeight) {
setTimeout(scroll, SECONDS_INTERVAL * 1000)
}
}
scroll()url = new URL('localhost:3003/calendar?month=2019-08&day=21&time=10:00:00')
params = [...url.searchParams.entries()].reduce((acc, val) => {
acc[val[0]] = val[1];
return acc
}, {})
// {month: "2019-08", day: "21", time: "10:00:00"}[...document.querySelectorAll('*')].find(tag => tag.textContent.trim() == 'This is the text')
function frankenSplice(arr1, arr2, n) {
// The second array should remain the same after the function runs.
let copy = arr2.slice()
for(let i = 0; i < arr1.length; i++) {
// добавляем
copy.splice(n, 0, arr1[i])
// сдвигаем позицию куда добавлять
// потому что добавили один элемент
n = n + 1
}
return copy;
}marqueeContent.appendChild(marqueeContent.children[i].cloneNode(true));function resizeElement() {
jQuery(document).ready(function() {
const root = document.documentElement;
const marqueeElementsDisplayed = getComputedStyle(root).getPropertyValue("--marquee-elements-displayed");
const marqueeContent = document.querySelector("ul.marquee-content");
root.style.setProperty("--marquee-elements", marqueeContent.children.length);
/*
это нафиг
for(let i=0; i<marqueeElementsDisplayed; i++) {
marqueeContent.appendChild(marqueeContent.children[i].cloneNode(true));
}
*/
});
}
window.addEventListener("resize", resizeElement);
resizeElement()