Пашенька

Пробуй(те).

var button = document.getElementsByClassName('allstatus-btn')[0], // предположим, что он единственный
    numbersAll = document.getElementsByClassName('number-all');

button.onclick = function (event) {
    for (var i = 0; i < numbersAll.length; i++) {
        (function (i) {
            var _this = numbersAll[i],
                id = _this.textContent;

            fetch(
                    'https://api.novaposhta.ua/v2.0/json/', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json'
                        },
                        body: JSON.stringify({
                            "modelName": "TrackingDocument",
                            "calledMethod": "getStatusDocuments",
                            "methodProperties": {
                                "Documents": [{
                                    "DocumentNumber": id,
                                    "Phone": ""
                                }]
                            },
                            "apiKey": ""
                        })
                    }
                )
                .then(response => response.json())
                .then(result => {
                    console.log(result)
                    result.data.forEach(function (item, i, arr) {
                        _this.insertAdjacentHTML('beforeend', item.Status);
                    });
                })
        })(i);

    }
}

ПыСы: рано ещё для фетчь

//"use strict";
let timeout = 100;
let step = 13.33;
let a = 0, b = 1000;
let el = document.getElementById('test');


function myAwesomeFunc() {
  if( a < b ) {
    setTimeout(myAwesomeFunc, timeout);
    el.innerHTML = a.toFixed(2);
    a += step;
  } else {
    el.innerHTML = b.toFixed(2);
  }
}
myAwesomeFunc();

Передавать актуальное значение ширины в функцию-обработчик скролла и там уже делать работу или покидать её по условию ширины. Таким образом, как у вас сейчас, если ширина >= 900px, устанавливается обработчик на скролл и ему по боку то, что ширина потом может стать меньше, он от этого работать не перестанет.
ИЛИ вариант два: можно и так оставить, но тогда при уходе в else, нужно снимать обработчик со скролла, но для этого нужно научиться навешивать обработчики, с которыми такое можно провернуть.

var radios = document.querySelectorAll('[type="radio"]'),
		div = document.getElementById('itogo');

document.addEventListener('change', function(event) {
    if (event.target.type.toLowerCase() === 'radio') {
    	var group = event.target.name;
      for (var i = 0; i < radios.length; i++) {
             
      	if (radios[i].name !== group && radios[i].checked) {
        	div.style.display = 'block';
        	break;
        }
      }
    }
});

var el1 = $('.lol1'),
		el2 = $('.lol2');

$('.building1').on('click', function(event) {
	$(el1).attr('id') ? $(el1).removeAttr('id') : $(el1).attr('id', 'lol1');
	$(el2).attr('id') ? $(el2).removeAttr('id') : $(el2).attr('id', 'lol2');
	// etc.
});

Вы там плагинов насовали... Нужно смотреть умеет ли плагин, который в ответе за драг-н-дроп отдавать коородинаты этого самого драгнутого элемента по событию драга. И сверять пересечение(ну или около того в радиусе квадрата) с заранее известными координатами кружочков ну и тогда, собственно, триггерить переключение на соответствующий слайд. Такое проще с нуля реализовать, когда у тебя есть полный контроль, чем пытаться скрестить плогины.

<style>
	.wrap li {
		display: none;
	}
</style>
<div class="wrap">
    <ul>
      <li>Услуги1</li>
      <li>Услуги2</li>
      <li>Услуги3</li>
			<li>Услуги4</li>
			<li>Услуги5</li>
			<li>Услуги6</li>
    </ul>
    <a href="#">Еще</a>
</div>

var li = document.querySelectorAll('.wrap li'),
		a = document.querySelector('.wrap a'),
		n = 2;

function showMore(n) {
	for (var i = 0; i < li.length; i++) {
		if (i < n) {
			li[i].style.display = 'block';
			if (n === li.length) a.style.display = 'none';
		} else  {
				break;
		}
	}
}
showMore(n);

a.onclick = function(e) {
	e.preventDefault();
	n += 2;
	showMore(n);
}

var str = 'transactions?TransactionsSearch[statuses][]=closed&TransactionsSearch[statuses][]=decline&TransactionsSearch[statuses][]=pending&TransactionsSearch[statuses][]=open?TransactionsSearch[specifications][]=transfer_main_user_to_main_company&TransactionsSearch[specifications][]=bonus_charge&TransactionsSearch[specifications][]=wallet_in_for_order_pay_blockchain&TransactionsSearch[direction]=all&TransactionsSearch[limit]=10'
str.replace(/\?/g, '&').replace('&', '?');

https://codepen.io/like-a-boss/pen/NWWrQOg

Грузите карты асинхронно, а не в основном потоке.

Не понял зачем жмякать на кнопку поиска, если по мере ввода улетают запросы и прилетают ответы из бд и, наверняка, показываются в виде выпадающего списка. Чтобы сделать элементы списка кликабельными, нужно передать в $.autocomplete({}) метод renderItem (пишу по памяти), ну и переопределить его на свой, чтобы рендерил элементы ссылками.

Потому, что event.target в таком случае становятся h3 или span, а не info-header-tab, а они соответственно не содержат класса info-header-tab. Нужно проверять по другому:

info.addEventListener('click', function (event) {
	let target = event.target;
	let t;

	if (target.parentElement.classList.contains('info-header-tab'))
		t = target.parentElement;
	else if (target.classList.contains('info-header-tab'))
		t = target;

	if (t) {
		for (let i = 0; i < tab.length; i++) {
			if (t == tab[i]) {
				hideTabContent(0);
				showTabContent(i);
				break;
			}
		}
	}
});

Если это вы писали, то вы должны уметь без труда добавить класс, который покрасит активный элемент в белый. Дерзайте