понять часть кода про раскрывающееся меню

<!-- раскрывающееся меню request -->
 
/* When the user clicks on the button, 
toggle between hiding and showing the dropdown content */
function myFunction2() {
    document.getElementById("myDropdown2").classList.toggle("show");
}
 
// Close the dropdown if the user clicks outside of it
//window.onclick это клик по всему окну в целом?
window.onclick = function(event) {
//если был клик по кнопке .request
  if (!event.target.matches('.request')) {
//получить переменную по классу dropdown-content2 и определить ее для будущего как dropdowns
    var dropdowns = document.getElementsByClassName("dropdown-content2");
//ввести новую переменную
    var i;
//выполнять цикл, пока переменная i не станет больше длины контейнера?
//пока условие верно, то есть пока  i < dropdowns.length, выполнять то, что в фигурных скобках?
    for (i = 0; i < dropdowns.length; i++) {
//ввести новую переменную openDropdown, которая есть заданная выше переменная с содержимым раскрывающегося контейнера, как-то связанная с [i]
      var openDropdown = dropdowns[i];
//если в css у элемента есть класс show, удалить его
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}

if (!event.target.matches('.request'))

//да, window.onclick отслеживает клик в любом месте окна
window.onclick = function(event) {
//если кликнутый элемент не имеет класс .request
  if (!event.target.matches('.request')) {
    //находит коллекцию html-элементов, имеющих класс dropdown-content2
    var dropdowns = document.getElementsByClassName("dropdown-content2");
 
  //  var i; эту переменную лучше определять в самом цикле, это просто счетчик цикла
  // цикл перебирает html-коллекцию
  for (var i = 0; i < dropdowns.length; i++) {
      //var openDropdown = dropdowns[i]; - на мой взгляд это лишняя переменная
      // if (dropdowns[i].classList.contains('show')) { - эта проверка тоже лишняя
         // метод remove() и так проверит есть ли у dropdowns[i] класс show
        dropdowns[i].classList.remove('show');
      // }
    }
  }
}

function myFunction2() {
    document.getElementById("myDropdown2").classList.toggle("show");
}