HardBot

let btns = document.querySelectorAll('.modal-open');
let modal = document.querySelectorAll('.modal');
const body = document.body


function open(el) {
    el.classList.add('active');
}

function close(el) {
    el.target.closest('.modal').classList.remove('active')
}


btns.forEach(btn => {
    btn.addEventListener('click', (e) => {
        let data = e.target.dataset.open;
        modal.forEach(modals => {
            if(modals.dataset.modal == data || modals.dataset.modal == e.target.closest('modal-open').dataset.open) {
                open(modals)
            }
        })
    } )

    modal.forEach(modals => {
        modals.addEventListener('click', e => close(e))
    })
})

.booking {
   position: absolute;
   width: 100%;
}

document.querySelector('.booking__button').addEventListener('click', () => {
    document.querySelector('.booking').style.top = '60px'
    window.scrollTo(0, 60)
})

split(/[—,–,−,-,_,-]/g)

https://developer.mozilla.org/ru/docs/Web/API/Inte...

document.querySelectorAll('.block').forEach(block => {
     if(!(block.querySelector('.offer_'))) block.removeChild(block.querySelector('.h1_')) 
})

Вынеси переменные за функцию и сможешь вызывать или же при помощи return

let summ = 0 
function getSumOfNumbers(number, type){
   for(i=0;i<=number;i++){ 
      if(type ==='odd'){ 
         if (i % 2 === 1) summ = summ +i 
      } 
      else if (type ==='even'){ 
         if (i % 2 === 0) summ = summ +i 
      } 
      else{
         summ = summ +i 
      } 
   } 
} 
getSumOfNumbers(10,'oven') 
console.log(summ)

document.querySelectorAll('.faq__item').forEach(item => { 
   item.addEventListener('click', event => { 
      // Если есть класс active - удалить, нету - добавить 
      item.querySelector('.faq__question--top').classList.toggle('active') 
   }) 
})

addEventListener('touchstart', event => {});
addEventListener('touchmove', event => {});
addEventListener('touchend', event => {});

Рассказываю как это делается для тех, кто в принципе забыл русские буквы, дабы гуглить.

Перебираешь циклом все кнопки, в аргументах принимаешь event, после отслеживаешь клик и с помощью event.target получаешь атрибут, ищешь атрибут на странице и делаешь то, что тебе нужно. Если хочешь, чтобы при каждому клике другой контент скрывался, сначала даешь всем display: none,а после определенному контенту даешь display: block

https://swiperjs.com/demos

Вариант 1:
body {position: fixed;}

window.addEventListener("scroll", event => {
  event.preventDefault();
  window.scrollTo(0, 0);
});

Вариант 2:

div {  
	max-height: 20rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 0.25rem;
  ::-webkit-scrollbar-track {
    border-radius: 0.125rem;
    background-color: lightgray;
  }
  ::-webkit-scrollbar {
    width: 0.25rem;
    border-radius: 0.125rem;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 0.125rem;
    background-color: gray;};
  }
}

Используй touchmove