// Вешаем обработчик событий на каждый элемент списка (в нашем случае ссылки)
document.querySelectorAll('.sideBtn > a').forEach(btn => {
// Вешаем обработчик событий по клику
btn.addEventListener('click', function(e) {
// this это текущая кнопка, где с помощью метода nextElementSibling
// выбираем соседний элемент и добавляем в него css класс '.show'
this.nextElementSibling.classList.toggle('show');
});
});
.show {
display: inline-block;
}
function createObject(input) {
let output = {}
Object.keys(input).map((item, idx) => {
let inputValue = input[Object.keys(input)[idx]],
arr = item.split('.'),
[mainKey, subKey] = arr;
if (typeof output[mainKey] === 'undefined') output[mainKey] = arr.length > 2 ? [] : {};
if (Array.isArray(output[mainKey])) {
let obj = new Object();
obj[subKey] = inputValue;
output[mainKey].push(obj);
} else {
output[mainKey][subKey] = inputValue;
}
});
return output;
}
'use strict';
const imgShape = img => {
let h = img.getBoundingClientRect().height,
w = img.getBoundingClientRect().width;
if (h > w) return img.getAttribute('src') + ' Портрет';
if (h < w) return img.getAttribute('src') + ' Альбом';
if (h === w) return img.getAttribute('src') + ' Квадрат';
}
document.querySelectorAll('img').forEach(item => console.log(imgShape(item)));
$('.lang-qz').click(function () {
localStorage['lang'] = 'qz';
window.location.reload();
});
$('.lang-qz').click(function () {
localStorage.setItem('lang', 'qz');
window.location.reload();
});
if (localStorage.getItem('lang') == 'qz') {...} else {...}