Роман

response.items[0].id
у Вас items - массив, в котором уже лежит объект с полем id

можно

могу даже показать как - если исправите свой вопрос так, чтобы он правила перестал нарушать

UPD.

function addClickListeners(buttonsSelector, dialogSelector) {
  const buttons = document.querySelectorAll(buttonsSelector);
  const dialog = document.querySelector(dialogSelector);

  buttons.forEach(n => n.addEventListener('click', e => {
    e.preventDefault();
    dialog.style.display = 'block';
  }));

  dialog.addEventListener('click', ({ target }) => {
    if (target.classList.contains('popup-close')) {
      document.getElementById('name_1').disabled = true;
      document.getElementById('phone_1').disabled = true;
      dialog.style.display = 'none';
    } else if (!target.closest('.popup-content')) {
      dialog.style.display = 'none';
    }
  });
}


addClickListeners('header .contacts a', '.popup-call');
addClickListeners('.sentence-btn', '.popup-discount');
addClickListeners('.check-btn', '.popup-check');

Можно вообще без js

<input list="aaaa">
<datalist id="aaaa">
  <option value="Текст1"></option>
  <option value="Текст2"></option>
</datalist>

первый лучше конечно,
в первом случае выберется 10 нужных элементов, по которым будет цикл each(), а во втором МИЛЛИАРД, и по всем будет цикл each()

Можете использовать очередь

Пример:

'use strict';

const { Queue } = require('plain-queue');
const queue = new Queue;

// внутри async function
    chat.quiz = global_quizzes[quiz_id];
    
    if(!chat.quiz) {
        chat.quiz = await queue.addTask(function () {
            return global_quizzes[quiz_id] || Chat_Quizzes.findById(quiz_id).exec();
        });

        global_quizzes[quiz_id] = chat.quiz;
    }

Ищем готовое или реализовываем самостоятельно:

function debounce(f, delay) {
  let timeoutId = null;

  return function() {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(() => f.apply(this, arguments), delay);
  };
}

function throttle(f, delay) {
  let lastCall = -Infinity;

  return function() {
    const now = +new Date;
    if (now - lastCall > delay) {
      lastCall = now;
      return f.apply(this, arguments);
    }
  };
}

так происходит из-за того, что все ваши обработчики смотрят на одну и ту же i, т.к. она находится в их общйе области видимсти. когда цикл отработает она будет для всех обработчиков равна 2. чтобы исправить это, нужно замкнуть каждый обработчик на своей i.
сделать это можно несколькими способами:
1. инициализируйете счетчик через let:
for(let i = 0; i < btn.length; i++) {...}

2. вешайте обработчик внутри iife:

for(var i = 0; i < btn.length; i++){
  (function(i) {
    btn[i].onclick = function(e){e.target.style.marginLeft = i * (10) + 'px';}
  })(i)
}

3. forEach()

btn.forEach((el, i) => {
  el.onclick = function(e){e.target.style.marginLeft = i * (-100) + '%';}
})

Я бы порекомендовал использовать лучше String.prototype.includes

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Тебе ведь не надо знать индекс вхождения, так ты уйдешь от некрасивых проверок if (indexOf !== -1) и в целом код будет выглядеть чище

if ('big_string'.includes('string')) {
  doSomethingBeautiful();
}

красиво, декларативно - то что надо :)

тыц

Есть/будут приватные поля начинающиеся с #. https://jsfiddle.net/7263ms4k/ (в хроме есть, в лисе нет)
static есть
А так, имитация всего этого есть в typescript

Можно запилить приватные поля как переменные в конструкторе и передавать их в методы через замыкание. Но придется делать каждый раз новые методы для каждого экземпляра. Типа так https://jsfiddle.net/melchiorio/4ztL3qkx/
Можно хранить в WeakMap используя this как ключ, типа так https://jsfiddle.net/melchiorio/z7afuec5/

Приватных пока нет (но с помощью транспайлеров как бы есть):

class Foo {
  #private = 42;
}

Статичные есть:

class Foo {
  static property = 42;
  static method() {...}
}