WapSter

Потому что их нет в вашем документе (в html)
нет никаких элементов с классом .menu_item. Запрашивайте их после того как сформировались новые элементы

IntersectionObserver используется не только для lazy load, в основном это api избавляет от ресурсоемкого события scroll. А использовать ту или иную технологию зависит от тз, а не от мнения разработчиков. Если можно не поддерживать ie то и IntersectionObserver можно использовать.

Этот сервис дает возможность json выложенный на github запрашивать при помощи fetch, в том числе и на песочницах

Ну еще можно так <script defer src="script.js"></script>

Magic Line VanillaJS

var photo = $('.slider-information__image img[data-id="' + activePhoto + '"]');

IE не понимает es6

Делай анимацию при помощи animation, так как синхронизировать js и css не выйдет из-за особенностей работы js.

Немного не ясно, что именно хотите сделать. Но если просто убрать видимость фокуса то можно обойтись и css

*:focus {
// тут обнулите стили для фокуса
}

Но это плохая практика, и если спросят кто научил, молчите)

JS для детей - поможет усвоить лучше то, что проходили в htmlacademy (сам заканчивал ур1), Выразительный js - хорошее описание ES6 интересные и относительно сложные упражнения. серия книг "вы не знаете js". В основном нужна практика.

Я бы понял если там сложные манипуляции с данными, но задавать вопрос ответ на который есть в документации по js это слишком https://developer.mozilla.org/ru/docs/Web/JavaScri...

function getRandom(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

https://codepen.io/wapster92/pen/XWJwwyw?editors=1111

Инициализировать в ajax запросе

Зависит от задач, что заказчику требуется, то и используешь. Обычно упирается в поддержке браузеров. Голый XMLHttpRequest не используют, обычно используют axios.

$('.col-md-3') - вот это очень плохая реализация, не стоит использовать классы bootstrap для подобных манипуляций, допиши свой селектор при необходимости используй !important к нему.

function blurFunction(e){
  console.log(this);
  console.log(e.target);
}

Формулировка вопроса странная. Это событие слушает не клики, а потерю фокуса.

https://www.cssscript.com/vertical-full-screen-pag...

https://developer.mozilla.org/ru/docs/%D0%A1%D0%BB...

document.getElementById('img1') и document.getElementById('img2')

вот тут у тебя основная недоработка используй один какой-нибудь блок и в него при помощи innerHTML вставляй картинки.

Навесь на кнопки дата атрибуты, при событии click считывай их, передавай в функцию для открытия форм, перезаписывай значения из параметров данной функции. Примерно так

Индекс максимального значения перезаписывается в переменную и его значение сравнивается с текущим значением в цикле, если текущее больше последнего максимального, то его индекс перезаписывается в переменную максимального иначе просто пропускается.