Сергей delphinpro

.payment-list:has(#no-payment:checked) + .send-box > .button-send {
  pointer-events: none; /* Предотвратить клики */
  …любые другие стили для обозначения неактивного состояния.
}

-var date = new Date();
 var h = document.getElementById('h');
 var m = document.getElementById('m');
 var s = document.getElementById('s');
 function update(){
+  var date = new Date();
   h.innerHTML = date.getHours();
   m.innerHTML = date.getMinutes();
   s.innerHTML = date.getSeconds();
 }
 var t = setInterval(update, 1000);

<div class="documents">
    <div class="documents__accordion-title"> </div>
    <div class="documents__list"> </div>
</div>
<div class="documents">
    <div class="documents__accordion-title"> </div>
    <div class="documents__list"> </div>
</div>
<div class="documents">
    <div class="documents__accordion-title"> </div>
    <div class="documents__list"> </div>
</div>

const accordions = document.querySelectorAll('.documents');

accordions.forEach(accordion => {
    const title = accordion.querySelector('.documents__accordion-title');
    const list = accordion.querySelector('.documents__list');
    title.addEventListener('click', () => {
        if (list.classList.contains('active')) {
            // Закрыть кликнутый
            list.classList.remove('active');
        } else {
            // Закрыть все
            accordions.forEach(accordion => {
                accordion.querySelector('.documents__list').classList.remove('active');
            });
            // Открыть кликнутый
            list.classList.add('active');
        }
    });
})

function render(arr) {
    return `<a data-num="${arr.id}" data-category="${arr.category}" class="products__card card">
                <div class="card__image image">
                    <img src="${arr.image}" alt="${arr.image}">
                </div>
                <h3 class="card__title title">${arr.name}</h3>
                <p class="card__desc">${arr.description}</p>
                <div class="card__bottom">
                    <p class="card__price">${arr.price} р.</p>
                    <button class="card__buy">
                        <img src="images/icons/shopping-cart-add.svg" alt="shopping-cart-add">
                    </button>
                </div>
            </a>`;
}

function loadCakes(data, count = null) {
    return data
        .slice(0, count ?? data.length)
        .reduce((carry, item) => carry + render(item), '');
}

function loadItems() {
    $.getJSON('database/products.json', function (data) {
        $('#cakes-cards').html(loadCakes(data));
        $('#index-cards').html(loadCakes(data, 6));
    });
}

она передается в качестве параметра в myFunc и ...

function myFunc(/* callback */) {
   let arr = [1, 2, 3, 4, 5, 6, 7, 8];
   let el = document.querySelector('.out-1');
   // callback(arr, el);
  el.innerHTML = arr.join('-');
}

//function out(arr, el) {
//   el.innerHTML = arr.join('-');
//}

// myFunc(out)
myFunc()

let i = 0;
document.getElementById("btn").addEventListener("click", () => {
   i++;
   console.log(i);
});

let bags = document.querySelectorAll('.bag');

// Для каждого элемента в корзине
bags.forEach(bag => {
  let remove = bag.querySelector('.remove');
  let like = bag.querySelector('.like');

  remove.addEventListener('click', () => {
    bag.remove();
  });

  like.addEventListener('click', () => {
    if(like.style.color == 'rgb(201, 207, 255)'){
        like.style.color = 'red';
    } else {
        like.style.color = 'rgb(201, 207, 255)'
    }
  });

  // Ну и так далее...
})

document.querySelector('.searchRoomsButton__2fSnk')?.addEventListener('click', () => {

const el = document.querySelector('.searchRoomsButton__2fSnk');
if (el) {
  el.addEventListener('click', () => {