// Для одиночного элемента:
let div = document.getElementById('div');
function addClass(el, event, className){
el.addEventListener(event, function(){
el.classList.add(className);
});
};
addClass(div, 'click', 'test'); //функцию вызываем в любом нужном месте. Передаем название переменной, событие и класс
// Для массива элементов:
let elClass = Array.from(document.querySelectorAll('.elClass'));
console.log(elClass);
function adClassArr(targetArr, event, className) {
targetArr.forEach(target => target.addEventListener(event, function(){
target.classList.add(className);
}));
}
adClassArr(elClass, 'click', 'test'); //функцию вызываем в любом нужном месте. Передаем название переменной, событие и класс<div class="section__titles">
<h2 class="section__title section__title_img">
Последние новости
<span class="section__title-link"><a href="#">Перейти в блог</a></span>
</h2>
</div>.section__titles {
width: 200px; //нужно подстроить под свой макет
}/*Media*/
/* Large desktops and laptops */
@media (min-width: 1080px) and (max-width: 1200px) {
/*стили*/
}// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }const compareArrays = (a, b) => {
return JSON.stringify(a) === JSON.stringify(b);
};
let array1 = [11, 22, 33];
let array2 = [21, 22, 23];
let array3 = [11, 22, 33];
console.log(compareArrays(array1, array2)); //false
console.log(compareArrays(array1, array3)); //truelet array1 = [11, 22, 33];
let array2 = [11, 22, 33];
console.log(array1.toString() === array2.toString()); //trueconst compareArrays = (a, b) => {
return a.toString() === b.toString();
};
let array1 = [11, 22, 33];
let array2 = [21, 22, 23];
let array3 = [11, 22, 33];
console.log(compareArrays(array1, array2)); //false
console.log(compareArrays(array1, array3)); //true<li v-for="(val, key) in data" :some-data="key">{{ val }}</li>const add = document.querySelector('.add');
let arr = ['hello', 32, 'tank'];
add.onclick = function() {
for(let i = 0; i < arr.length; i++) {
arr[i] = 4
arr.push('Тестовый элемент');
}
}
console.log(arr)section.consultation {
padding: 45px 20px 80px 20px;
}