let show = 1;
function sh() {
const [ display, text ] = [ [ 'none', 'Развернуть' ], [ 'block', 'Свернуть' ] ][show ^= 1];
[...document.querySelectorAll('.list-row')].slice(3).forEach(n => n.style.display = display);
document.querySelector('#button').textContent = text;
}
window.addEventListener('load', sh);function walk(node) {
if (node) {
console.log(node);
walk(node.next);
}
}function walk(node) {
while (node) {
console.log(node);
node = node.next;
}
}.tags li.hidden {
display: none;
}document.querySelectorAll('.tags b').forEach(n => {
n.closest('li').classList.add('xxx');
n.addEventListener('click', onClick);
});
function onClick(e) {
for (
let el = e.target.closest('li');
(el = el.nextElementSibling) && !el.classList.contains('xxx');
el.classList.toggle('hidden')
) ;
}.active {
height: 300px;
cursor: pointer;
background-color: green;
overflow: auto;
}$('.qwerty').on('click', function() {
$(this).toggleClass('active');
});document.addEventListener('click', function(e) {
const t = e.target;
if (t.matches('button.apply-button') && t.closest('blabla')) {
// ...
}
});const colors = [
'red', 'blue', 'magenta', 'green', 'yellow',
'aqua', 'brown', 'silver', 'lime', 'orange',
];
const elements = document.querySelectorAll('.item');function shuffled([...arr]) {
for (let i = arr.length; --i > 0;) {
const j = Math.random() * -~i | 0;
[ arr[i], arr[j] ] = [ arr[j], arr[i] ];
}
return arr;
}elements.forEach(function(n, i) {
n.style.setProperty('background-color', this[i % this.length]);
}, shuffled(colors));
// или
shuffled(elements).forEach((n, i) => {
n.style.backgroundColor = colors[i % colors.length];
});Object.assign(users.find(n => n.id === id), user);const u = users.find(n => n.id === id);
if (u) {
Object.assign(u, user);
} else {
// добавляем, например
users.push({ ...user, id });
}class Element {
constructor(el) {
this.el = el;
this.button = this.el.querySelector('[data-element-ref="button"]');
this.template = this.el.querySelector('[data-element-ref="template"]');
this.button.addEventListener('click', this.onClickPrimaryButton);
this.template.addEventListener('click', this.onClickButtonElement);
}
onClickPrimaryButton = () => {
this.template.innerHTML += template;
}
onClickButtonElement = (e) => {
if (e.target.dataset.elementRef === 'template-button') {
console.log(e.target);
}
}
}const usersList = users.map(n => `${n.firstName} ${n.lastName} ${n.email}`);const usersList = users.map(function(n) {
return this.map(k => n[k]).join(' ');
}, [ 'firstName', 'lastName', 'email' ]);const containerSelector = '.container';
const buttonSelector = 'button';
const activeContainerClass = 'btn-active';
const activeButtonClass = 'active';$(document).on('click', buttonSelector, function(e) {
const $button = $(this).toggleClass(activeButtonClass);
$button
.closest(containerSelector)
.toggleClass(activeContainerClass, $button.hasClass(activeButtonClass))
.find(buttonSelector)
.not($button)
.removeClass(activeButtonClass);
});document.addEventListener('click', e => {
const button = e.target.closest(buttonSelector);
if (button) {
const container = button.closest(containerSelector);
container.querySelectorAll(buttonSelector).forEach(n => {
n.classList[n === button ? 'toggle' : 'remove'](activeButtonClass);
});
container.classList.toggle(
activeContainerClass,
button.classList.contains(activeButtonClass)
);
}
});$('#btn__AddEmployee').click(function() {
const checked = $(this).prev().prop('checked');
$('#table__Employee tbody').append(`
<tr>
<td>
<input type="checkbox" ${checked ? 'checked="checked"' : ''}>
</td>
</tr>
`);
});document.querySelector('#btn__AddEmployee').addEventListener('click', e => {
const input = document.createElement('input');
input.type = 'checkbox';
input.checked = e.target.previousElementSibling.checked;
document
.querySelector('#table__Employee tbody')
.insertRow()
.insertCell()
.append(input);
});const count = matrix.flat().reduce((acc, n) => (acc[n] = -~acc[n], acc), {});const count = {};
for (const row of matrix) {
for (const n of row) {
if (!count.hasOwnProperty(n)) {
count[n] = 0;
}
count[n]++;
}
}document.querySelector('.selectTime').addEventListener('change', function() {
const values = Array.from(this.querySelectorAll('select'), n => n.value);
values[0] = `${-~values[0] % 24}`;
document.querySelector('куда там вам надо записать время').innerText = values
.map(n => n.padStart(2, 0))
.join(':');
});const getAndDel = (obj, ...keys) =>
keys.reduce((acc, n) => (
acc[n] = obj[n],
delete obj[n],
acc
), {});
const obj1 = { a: 1, b: 2, c: 3, d: 4 };
const obj2 = getAndDel(obj1, 'a', 'b');
const obj3 = getAndDel(obj1, 'c');
console.log(obj1); // {d: 4}
console.log(obj2); // {a: 1, b: 2}
console.log(obj3); // {c: 3}if(axis === "x") ctx.moveTo((position + x0), yMax); ctx.lineTo((position + x0), (y0 - dec)); ctx.stroke(); if(axis === "y") ctx.moveTo(x0, (yMax - position)); ctx.lineTo(xMax, (yMax - position)); ctx.stroke();
this.insertAdjacentHTML('afterend', `
<select>${arr.map(n => `
<option value="${n.value}" ${n.selected ? 'selected' : ''}>
${n.text}
</option>`).join('')}
</select>
`);const select = document.createElement('select');
arr.forEach(n => select.appendChild(Object.assign(document.createElement('option'), n)));
this.insertAdjacentElement('afterend', select);const select = document.createElement('select');
select.append(...arr.map(n => new Option(n.text, n.value, false, n.selected)));
this.after(select);const select = document.createElement('select');
for (const n of arr) {
const option = document.createElement('option');
option.textContent = n.text;
option.setAttribute('value', n.value);
if (n.selected) {
option.attributes.setNamedItem(document.createAttribute('selected'));
}
select.insertBefore(option, null);
}
this.parentNode.insertBefore(select, this.nextElementSibling);const getWidths = data =>
[].concat(data || []).reduce((acc, n) => {
if (n.hasOwnProperty('width')) {
acc.push(n.width);
}
acc.push(...getWidths(n.columns));
return acc;
}, []);