Сергей delphinpro

https://jsfiddle.net/1wrq4m09/

var x = 100;
function move(param) {
  return function(){
		alert("hello" + param)
  }
}

move(x)();

Нельзя это сделать только на клиенте. Если конечно у вас не 10-20-30 товаров всего.
В реальном магазине сотни, а то и тысячи товаров. Все их на страницу вы не загрузите (ну вы-то может и загрузите, только ни один пользователь не будет ждать пока загрузится эта ваша мега-страница).
А значит фильтр должен отправлять запросы на сервер, получать от него список товаров, соответствующих фильтру и показывать их.
Вам, как верстальщику, разумеется, не нужно бросаться писать серверные скрипты, с этим штатный программист прекрасно справится (да и не пустит он вас на свою территорию =)). А вот что от вас нужно - это написать на js весь интерактив фильтра, отправку запроса с параметрами, получение ответа и рендеринг сетки товаров. Формат запросов-ответов нужно обсудить с программистом. Как именовать параметры, в каком формате он будет отдавать данные (json/html).
Для верстки и отладки (для себя) можно самому написать простенький php скриптик-заглушку, который будет реагировать на пару фильтров и отдавать несколько тестовых товаров. Или воспользоваться dev-сервером проекта, если он есть.

<div id="p3" onclick="change_menu_pag(this);">11</div>
function change_menu_pag(el)
{
        i = el.innerHTML

в указанной карусели есть опция loop: true для циклической прокрутки. Также есть опции для установки скорости. Почитайте документацию. Чтение документации бывает полезным.

codepen.io/anon/pen/XMgZRO?editors=1100

Тут только отказаться от псевдо элементов
https://jsfiddle.net/0zfvd4wx/1/

Какой слайдер-то?
OwlCarousel так умеет

$('.owl-carousel').owlCarousel({
  responsive: {
      0:{
          items: 1,
          nav: false
      },
      768:{
          items: 2,
          nav: true
      },
      992:{
          items: 3,
          nav: true
      }
  }
});

wysiwyg редактор
https://www.tinymce.com/

Bootstrap ScrollSpy
Как надо было гуглить

Берем плагин www.formvalidator.net
Подключаем, инициализируем и всё. Все формы на сайте валидируются. Правила валидации задаются в дата-атрибутах полей. При желании, если правила более или менее одинаковые в разных формах - их можно задать в инициализации плагина. Плагин с широкими возможностями, достаточно много стандартных валидаторов, можно легко дописывать свои, мультиязычный и т.д. и т.п.
Для маленьких и средних сайтов, включая лендинги - зе бест.

по словам крутого разраба, ПРОЩЕ сделать самому

категорически не согласен. Что может быть проще подключения готового плагина? Конечно мы не говорим тут о сложных формах с зависимыми переключателями и тому подобное.

Где лучше указывать url, на который будет отправляться форма

Единственное правильное место для указания данного URL - атрибут action формы. Без вариантов.

https://jsfiddle.net/7gdef1np/1/

https://jsfiddle.net/wtp2qubv/9/

var bg = result.style.background; -, в переменной находится значение свойства. простая строка, ни к чему не привязанная. Поменяете ее - ничего не изменится кроме это строки
var bg = result.style; в переменной лежит ссылка объект style привязанный к dom элементу. Меняете любое свойство - элемент меняется.

При присваивании переменной простого типа (string, number, bool) - в переменную копируется значение.
При присваивании переменной объекта - в переменную копируется ссылка на этот объект.

Все это подробно и доходчиво расписано в любом учебнике по javascript в первых же главах.

window.addEventListener('load', function() {
  // ...
})

var el = document.getElementById('col');
if (el) {
  el.classList.add('some-class');
}

var el = document.getElementById('col');
if (el) {
  var otherEl = document.getElementById('other-id');
  if (otherEl) {
    otherEl.classList.add('some-class');
  }
}

let WINDOW_W;
$(window).on('resize', function(){
  WINDOW_W = $(window).outerWidth();
}).trigger('resize');

Да, я понимаю, что на странице больше одного поля с одинаковым названием, но, как можно сделать иначе?

Сделать разные id. Внезапно, да?

<input id="itemName-1" value="1">
<div class="button" onclick="send_cart('#itemName-1');">добавить в корзину</div>

function send_cart(id) {
  var name = $(id).val();
  alert('Name: ' + name);
}

И никогда не постите на форумах скриншоты кода! Используйте редактор.

$('.list').on('click', function() {
  $(this).off('click');
});

В массиве data должны быть числа, а у вас строковые представления.
Почувствуйте разницу:

["30", "968", "1372", "608", "820", "266"]
[30, 968, 1372, 608, 820, 266]

Плюс логическая ошибка в обработке данных. Короче, вот рабочий вариант -
jsfiddle.net/6cfg06q8

Ну или так jsfiddle.net/6cfg06q8/1

это ПСЕВДО элемент

Слово "псевдо" означает "мнимый", "ложный", "ненастоящий". Т.е. Это как бы элемент, но вовсе не элемент.
К нему нет доступа в javascript.
Хотя можно получить его стили с помощью getComputedStyle. Но только это.