.bggl {
background: #101402 url(https://naked-science.ru/wp-content/uploads/2016/04/article_-1_9.jpg) no-repeat center center;
background-size: 100% auto;
height: auto;
min-height: 400px;
position: relative;
transform: scale(1);
animation: pulse 5s ease-in-out infinite;
}
@keyframes pulse {
50% {
background-size: 150% auto;
}
}const index = 2
const items = document.querySelector(`.parent .child:nth-child(${index})`)
// или
const items = document.querySelectorAll('.parent .child')
const thirdItem = items[index]let head = document.getElementsByTagName('head')[0];
let styleR = document.createElement('style');
head.appendChild(styleR);
styleR.innerHTML =
'.amber-button_theme_accent { background-color: #FA8072 !important; }';
head.appendChild(styleR);<label for="trigger">Пробег</label>
<strong>Выбрать</strong>
<input type="checkbox" id="trigger">#trigger:checked ~ .prcr {
/* .pro:hover .prcr { */
display: block;
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}word-break: break-word;в прошлой теме я думал что можно заменить пробелы через javascript, но такой способ работает только на визуйльной части а не в исходнике
После этого и срабатывает этот блок success. где отрисовывается новый блок.
document.getElementById('client-personal-note-container').innerHTML += appendNotemakrup;select.addEventListener('change', function () {
formValidation(form);
console.log(errors);
ine.innerHTML = errors;
});formValidation.console.log(errors) - errors не существует в данной области видимости. Функции возвращают значение, которое хранится в переменной, а не переменную с её названием в область видимости, где функция была вызвана.select.addEventListener('change', function () {
const errors = formValidation(form);
console.log(errors);
ine.innerHTML = errors;
});if (parseInt(number.innerHTML) == 0){
let step = 3;
} else {
let step = parseInt(number.innerHTML) - 1;
}Псевдоселекторыпсевдоэлементы типа :before
/* Правило для li, у которых атрибут style НЕ содержит подстроки list-style-type */
li:not([style*="list-style-type"]) {
/* свои стили */
}как добиться "выбора" чекбокса при клике на span visible-checkbox
const out = items.reduce((acc, {id, price}) => {
const key = obj[id]
if (key) { // проверяем что элемент с таким id нас вообще интересует
if (acc[key]) { // если он встречался ранее, то добавляем к текущему значению
acc[key] += price
} else { // иначе запоминаем с текущей ценой
acc[key] = price
}
acc.total += price // и всегда добавляем к total
}
return acc
}, { total: 0 })let slider = document.querySelector('.container-3_1');
let innerSlider = document.querySelector('.container-3-1_blocks');
let pressed = false;
let startx;
let x;
slider.addEventListener('mousedown', (e)=> {
pressed = true;
startx = e.offsetX- innerSlider.offsetLeft;
slider.style.cursor = 'grabbing'
})
slider.addEventListener('touchstart', (e)=> {
pressed = true;
const evt = e.touches[0]
startx = evt.clientX- innerSlider.offsetLeft;
slider.style.cursor = 'grabbing'
})
slider.addEventListener('mouseenter', ()=> {
slider.style.cursor = 'grab'
})
slider.addEventListener('mouseup', ()=> {
pressed = false;
slider.style.cursor = 'grab'
})
slider.addEventListener('touchend', ()=> {
pressed = false;
slider.style.cursor = 'grab'
})
slider.addEventListener('mousemove', (e)=> {
if(!pressed) return;
e.preventDefault();
x = e.offsetX;
innerSlider.style.left = `${x - startx}px`
checkboundary()
})
slider.addEventListener('touchmove', (e)=> {
if(!pressed) return;
e.preventDefault();
const evt = e.touches[0]
x = evt.clientX;
innerSlider.style.left = `${x - startx}px`
checkboundary()
})
function checkboundary(){
let outer = slider.getBoundingClientRect();
let inner = innerSlider.getBoundingClientRect();
if(parseInt(innerSlider.style.left) > 0) {
innerSlider.style.left = '0px'
} else if (inner.right < outer.right){
innerSlider.style.left = `-${inner.width - outer.width}px`
}
}