const container = document;
const selector = 'input[type="checkbox"]';
const sumElements = elements =>
Array.prototype.reduce.call(elements, (acc, n) => acc + +n.value, 0);
const onSumChange = sum => console.log(sum);container.addEventListener('change', function({ target: t }) {
if (t.matches(selector)) {
onSumChange(sumElements(this.querySelectorAll(`${selector}:checked`)));
}
});
container.querySelector(selector).dispatchEvent(new Event('change', { bubbles: true }));const cb = container.querySelectorAll(selector);
let sum = sumElements(Array.prototype.filter.call(cb, n => n.checked));
const onChange = e => onSumChange(sum += e.target.value * [ -1, 1 ][+e.target.checked]);
cb.forEach(n => n.addEventListener('change', onChange));
onSumChange(sum);
1 1 1
1 1 1
1 1 11 1 1
2 1
1 1 11 1 1
2 1
3<tr>
<td height="50px" width="100%"></td>
</tr><tr>
<td height="50px" colspan="5"></td>
</tr>5 — потому что у вас 5 ячеек в втором ряду. Ячейкам во втором ряду вы уже можете указать конкретные ширины 
document.querySelectorAll('.faq__item').forEach(item => {
item.addEventListener('click', event => {
// Если есть класс active - удалить, нету - добавить
item.querySelector('.faq__question--top').classList.toggle('active')
})
})const items = document.querySelectorAll('.faq__input');
const onChange = ({ target: t }) => t
.closest('.faq__items')
.querySelectorAll('.faq__question--top')
.forEach(n => n.classList.toggle('active', n.nextElementSibling.checked));
items.forEach(n => n.addEventListener('change', onChange));.faq__item вместо .faq__question--top. Если в будущем задумаете стилизовать внутри выбранного .faq__item элементы, находящиеся за пределами .faq__question--top, то не придётся переписывать js-код.const itemSelector = '.faq__item';
const radioSelector = '.faq__input';
const activeClass = 'active';
const toggleActiveClass = radioGroupName => document
.querySelectorAll(`${radioSelector}[name="${radioGroupName}"]`)
.forEach(n => n.closest(itemSelector).classList.toggle(activeClass, n.checked));document.querySelectorAll(radioSelector).forEach(function(n) {
n.addEventListener('change', this);
}, e => toggleActiveClass(e.target.name));document.addEventListener('change', ({ target: t }) => {
if (t.matches(radioSelector)) {
toggleActiveClass(t.name);
}
});
Array.from(listItems).forEach((cl) => cl.classList.remove("active"));
let listVideo = document.querySelector('.video-lsit .vdi');if(video.classList.add('active'))
const cash = CashTypeSelector(state => state.cash)
const cash = CashTypeSelector(state => state.cash.cash);
// создали область меню.
function register_my_menus() {
register_nav_menus(
array(
'main_menu' => 'Главное меню'
)
);
}
add_action( 'init', 'register_my_menus' );<?php wp_nav_menu( array( 'theme_location' => 'main_menu' ) ); ?>
useEffect(() => {
document.body.onload = function () {
setTimeout(function () {
let preloader = document.getElementById('page-preloader');
if ( preloader.classList.contains('none') ) {
preloader.classList.add('none')
}
}, 1000)
}
}, [])
