Сергей delphinpro

Оно нормально закрывается. Просто тут же открывается снова =)
Зачем вы его внутрь кнопки засунули?
Поменяйте

<div id="open-modal-btn" class="banner-text-btn">
          <div><button>Оставить заявку</button></div>
</div>

          <?php require "button.php"?>
          <script src="js/modal-application.js"></script>

Ну или селектор перенесите, по которому окно открывается

<div class="banner-text-btn">
          <div><button id="open-modal-btn">Оставить заявку</button></div>
          <?php require "button.php"?>
          <script src="js/modal-application.js"></script>
</div>

Свойство hash у объекта location всегда присутствует. Может быть пустой строкой.
querySelector вернет null если ничего не найдет.
Таким образом половину проверок можно заменить одним вопросительным знаком:

async function getData() {
    const url = document
        .querySelector(`[data-id="${window.location.hash.substring(1)}"]`)
        ?.dataset.url; // Вот здесь этот спасительный знак =)

    if (!url) return;

    const response = await fetch(url);
    const data = await response.json();

    return data;
}

лучше всего указывать абсолютный путь от корня сайта

preloadImages(
    "/img/картинка1.jpg",
    "/img/картинка2.jpg",
    "/img/картинка3.jpg"
  );

в редьюс в переменной item прилетает объект { name: 'Вася', age: 25 }
Нужно взять возраст и суммировать его, а не весь объект:

function getAvarageAge(arr) {
    return arr.reduce((sum, item) => sum + item.age, 0) / arr.length;
}

let vasya = { name: 'Вася', age: 25 };
let petya = { name: 'Петя', age: 30 };
let masha = { name: 'Маша', age: 29 };

let arr = [vasya, petya, masha];

console.log(getAvarageAge(arr)); // 28

Переменная без let/const создается в глобальном объекте.
Она одна, глобальная, и в ней в результате сохраняется одна последняя карточка

Решение:

- cardInnerWrapper = document.createElement('div')
+ let cardInnerWrapper = document.createElement('div')

потому что вы строку получили.

Вам нужно либо самостоятельно распарсить ее в объект JSON.parse()
Либо предоставить это jquery

$.ajax({
    type: 'post',
    dataType: 'json', // Тип возвращаемых  данных
    url: name + '/' + id,

В этом случае в success jquery вам передаст уже готовый объект

tofixed, умножение на 100 и деление. округление все это не подходит.

А у вас нет других вариантов. В javascript только один числовой тип данных - Number.
Остается только оперировать денежными величинами в их минимальной целочисленной "разрядности" (копейка, цент и т.д.). В основном все валюты делятся либо на 100 "копеек", либо на 1000, либо вообще не делятся. Привязку к делителю делать через название валюты.
Вот насчет крипты я хз, как с ней работать.

Судите сами:

function resize() {
    const el = document.getElementsByClassName('preloader-wrap')[0];
    let scale = 0 < window.innerWidth - window.innerHeight
                ? window.innerWidth / 2200
                : window.innerWidth / 800;
    el.style.transform = 'translate(-50%, -50%) scale(' + scale + ')';
}

function animAdd(selector, className, timeout) {
    const el = document.getElementsByClassName(selector)[0];
    setTimeout(function () {
        el.classList.add(className);
    }, timeout);
}

function animRem(selector, className, timeout) {
    const el = document.getElementsByClassName(selector)[0];
    setTimeout(function () {
        el.classList.remove(className);
    }, timeout);
}

function getRandom() {
    return 10 * Math.round((1500 * Math.random() + 500) / 10);
}

function animBannerAdd() {
    animAdd('preloader-item1', 'active', getRandom());
    animAdd('preloader-item2', 'active', getRandom());
    animAdd('preloader-item3', 'active', getRandom());
    animAdd('preloader-item4', 'active', getRandom());
    animAdd('preloader-item5', 'active', getRandom());
    animAdd('preloader-item6', 'active', getRandom());
    animAdd('preloader-item7', 'active', getRandom());
    animAdd('preloader-item8', 'active', getRandom());
    animAdd('preloader-item9', 'active', getRandom());
    animAdd('preloader-item10', 'active', getRandom());
    animAdd('preloader-item11', 'active', getRandom());
    animAdd('preloader-item12', 'active', getRandom());
    animAdd('preloader-item13', 'active', getRandom());
    animAdd('preloader-item14', 'active', getRandom());
    animAdd('preloader-item15', 'active', getRandom());
    animAdd('preloader-item16', 'active', getRandom());
    animAdd('preloader-item17', 'active', getRandom());
    animAdd('preloader-item18', 'active', getRandom());
    animAdd('preloader-item19', 'active', getRandom());
    animAdd('preloader-item20', 'active', getRandom());
    animAdd('preloader-item21', 'active', getRandom());
    animAdd('preloader-item22', 'active', getRandom());
    animAdd('preloader-item23', 'active', getRandom());
    animAdd('preloader-item24', 'active', getRandom());
    animAdd('preloader-item25', 'active', getRandom());
    animAdd('preloader-item26', 'active', getRandom());
    animAdd('preloader-item27', 'active', getRandom());
    animAdd('preloader-item28', 'active', getRandom());
    animAdd('preloader-item29', 'active', getRandom());
    animAdd('preloader-item30', 'active', getRandom());
    animAdd('preloader-item31', 'active', getRandom());
    animAdd('preloader-item32', 'active', getRandom());
}

function animBannerRem() {
    animRem('preloader-item1', 'active', 0);
    animRem('preloader-item2', 'active', 0);
    animRem('preloader-item3', 'active', 0);
    animRem('preloader-item4', 'active', 0);
    animRem('preloader-item5', 'active', 0);
    animRem('preloader-item6', 'active', 0);
    animRem('preloader-item7', 'active', 0);
    animRem('preloader-item8', 'active', 0);
    animRem('preloader-item9', 'active', 0);
    animRem('preloader-item10', 'active', 0);
    animRem('preloader-item11', 'active', 0);
    animRem('preloader-item12', 'active', 0);
    animRem('preloader-item13', 'active', 0);
    animRem('preloader-item14', 'active', 0);
    animRem('preloader-item15', 'active', 0);
    animRem('preloader-item16', 'active', 0);
    animRem('preloader-item17', 'active', 0);
    animRem('preloader-item18', 'active', 0);
    animRem('preloader-item19', 'active', 0);
    animRem('preloader-item20', 'active', 0);
    animRem('preloader-item21', 'active', 0);
    animRem('preloader-item22', 'active', 0);
    animRem('preloader-item23', 'active', 0);
    animRem('preloader-item24', 'active', 0);
    animRem('preloader-item25', 'active', 0);
    animRem('preloader-item26', 'active', 0);
    animRem('preloader-item27', 'active', 0);
    animRem('preloader-item28', 'active', 0);
    animRem('preloader-item29', 'active', 0);
    animRem('preloader-item30', 'active', 0);
    animRem('preloader-item31', 'active', 0);
    animRem('preloader-item32', 'active', 0);
}

document.addEventListener('DOMContentLoaded', function () {
    resize();
});

window.onresize = function () {
    resize();
};

console.log(getRandom());

animBannerAdd();

setInterval(function () {
    animBannerRem();
}, 3000);

setInterval(function () {
    animBannerAdd();
}, 3000);

function getData() {
  return new Promise(resolve => {
    $.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", function(data) {
        const kyrs = Math.ceil(100 / data.Valute.KZT.Value * data.Valute.EUR.Value).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
        resolve(kurs);
    });
  })
}

function func1(kurs) {
  console.log(kurs);
}

function func2(kurs) {
  console.log(kurs);
}

async function go() {
  const kurs = await getData();
  $('#euro').html(kyrs);
  func1(kurs);
  func2(kurs);
}

go();

в простейшем случае стилизовать точки как полоски.
Ползунок будет не скользить, а переключаться, зато просто.

Если требуется именно ползунок, то делайте его как угодно, а потом связывайте со слайдом посредством событий https://owlcarousel2.github.io/OwlCarousel2/docs/a...

событие update (ну или drug, я в доку не вникал) слайдера - это источник значения при изменении его слайдером. Здесь получаем это значение и вписываем его в input

метод setValue наоборот устанавливает значение в слайдер

По событию onchange или oninput на поле ввода вы получаете введенное значение и методом setValue устанавливаете его в слайдер.

по кнопкам плюс/минус вы не трогаете слайдер. А устанавливаете значение в инпут и триггерите на инпуте событие onchange/oninput (по этому триггеру сработает обновление слайдера).

то есть у вас почти правильно. только вот эту дичь нужно убрать $input.val = args.value; вообще непонятно, что вы собирались этим сделать.
Добавить слушатель onchange на инпут
И немного поправить drug

Я эту библиотеку не использовал, так навскидку:

Вот у вас прописана отправка сразу по добавлении:

resumable.on('fileAdded', function (file) { // trigger when file picked
                    showProgress();
                    resumable.upload() // to actually start uploading.
                });

Уберите этот код, и отправляйте по клику

button.addEventListener('click', ()=>{
                    showProgress();
                    resumable.upload() // to actually start uploading.
});

Всегда в логических пикселях.
Не только margin, а вообще все размерные свойства (padding, width, height и тд)

1. вешаем на keydown одноразовый обработчик {once: true}
   
2. в обработчике на keyup повторяем навешивание одноразового хэндлера на keydown
   

Будет срабатывать один раз при нажатии.

А вообще, если требуется одноразовое срабатывание за одно нажатие, то почему не использовать keypress?

function update() {
    const urlParams = new URLSearchParams(window.location.search);
    const city = urlParams.get('location_location1');
    const target = document.getElementById('locator_citi');
    const cities = {
        'arzamas'   : 'Арзамас',
        'abakan'    : 'Абакан',
        'almetevsk' : 'Альметьевск',
        'angarsk'   : 'Ангарск',
        'armavir'   : 'Армавир',
        'artjom'    : 'Артём',
        'arhangelsk': 'Архангельск',
        'astrahan'  : 'Астрахань',
        // ...
    };

    if (cities[city]) {
        target.innerHTML = cities[city];
    }
}

window.addEventListener('DOMContentLoaded', update);

document.querySelector('.jobsearch-onsubmit-apilocs')?.addEventListener('click', () => {
    update();
});

function CLICK() {
  let button = document.querySelectorAll('button');
  if(button.length){ 
    for (let i = 0; i < button.length; i++){
+     if (!button[i].classList.contains('ok'))
+       button[i].classList.add('ok');
        button[i].addEventListener('click', function(EVENT){
          console.log(1,button[i]);
        });
+     }
    }
  }
}
CLICK();

Но лучше подумать о делегировании событий.