WapSter

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

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

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

Слышал о такой вещи как поиск? Загружаются ли элементы, которые display:none?

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

PS. Для body overflow: hidden; не желательно добавлять, либо на отдельный класс для body или создавать обертку.

На jquery, на ваниле. И я смотрю ты не отмечаешь решениями ответы и дам совет. Люди перестанут помогать)

Держи https://webformyself.com/avtomaticheskaya-css-inve... не поддерживается edge ie, и в любом случае нужно воспользоваться js для определения положения фиксированного элемента и передавать противоположный цвет в это свойство. Для старых браузеров ищи скрипты на js, твоя штука называется инверсия цвета.

Раз, два, три три. Как ты искал хз, стоит научиться искать инфу это значительный кусок в работе программиста. UPD а вот это вообще зашибись.

https://bennettfeely.com/clippy/ и почитать о свойстве clip-path

Первый вариант) И это изобретение велосипеда БЭМ)
UPD посмотрел на коммент Евгений и не могу не согласится с ним, но с оговоркой. Если вы не крупный разработчик, а просто версатальщик, разделять по папкам просто ресурсы по типу. В крупных проектах используется первый вариант, ваш второй вариант не нужно разделять по блокам вообще. В js фреймворках и так все логично делится, и не нужно ничего придумывать.

display: inline-block;

Примерно так

.div1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

placesList.addEventListener('click', function(event) {
  cardDelete(event);
  cardLike(event);
})

Научиться использовать DevTools браузера, вот и все. Это только для правок, полноценно с нуля что-то делать придется учить css.

Ужас какой-то) Вот тебе решение, если все классы учавствуют для стилей активного меню.

$(/* селектор списка меню */).click(function() {
   $('#toggle').removeClass("on");
   $("nav.menu").removeClass("active");
   $("header a.logo").removeClass("active");
   $("body").removeClass("ovy");
});

Уже отвечал на подобный вопрос Как сверстать такой блок?

Зависит от размера сайта. Если стили весят 1мб+ то уже стоит задуматься о разделении. А иначе это особого смысла не имеет. Для spa бандлы весят и более 2мб, ничего как то живем)