Сергей delphinpro

Я не заморачиваюсь, просто создаю отдельный файл, типа webpack.config.IDE.js (название любое, пофиг), в нем прописываю алиасы в формате конфига webpack и скармливаю этот файл IDE. Файл этот в коде не используется, исключительно для шторма. Нормально работает.

судя по переменной e могу предположить, что это обработчик события.

import { TMyClass } from './TMyClass';

const obj = new TMyClass;

addEventListener('click', obj.MyFunc.bind(obj))

или 

addEventListener('click', e => obj.MyFunc(e))

<div class="hiking__about_item_img">
  <img class="img1" src="img/about_hiking/1.png" alt="House and mountains in the background">
  <img class="img2" src="img/about_hiking/2.png" alt="Snowy mountains">
</div>

.hiking__about_item_img:not(.toggled) .img2,
.hiking__about_item_img.toggled .img1 {
    display: none;
}

document.querySelector('.hiking__about_item_img')?.addEventListener('click', e => {
    e.currentTarget.classList.toggle('toggled');
});

Даже не знаю с чего начать...
Ну начну с определений объектов Number и String (сами почитаете).

У объектов есть методы, объекты можно вызывать как функции.
Первый пример
Number(Math.pow(2, 4));
Здесь мы имеем два объекта Number и Math. У объекта Math вызывается метод pow, который возвращает некое значение. Это значение передается в качестве параметра в Number, вызываемый как функция для приведения переданного значения к числу.
То есть Number() ожидает параметр, и мы его туда передаем.

Второй пример.
str.toLowerCase().includes(s);
Здесь вы имеем объект String (строка в переменной str). У этого объекта куча методов, которые можно использовать. Здесь вызывается метод toLowerCase(). Этот метод НЕ принимает никаких параметров (смотрите документацию) и возвращает новый объект String. Затем у этого нового объекта String вызывается еще один метод includes(s)

const dscrs = document.querySelectorAll('.item__wrapper');
const ratings = document.querySelectorAll('.rating');

dscrs.forEach((wrapper) => {
        let dsrc = wrapper.querySelector('.item__dscr');
        let rating = wrapper.querySelector('.rating');

        dscr.addEventListener('click', function(e) {
            dscr.classList.toggle('item__dscr-active');
            let active = dscr.classList.contains('item__dscr-active');
         
            ratings.forEach(r => r.classList.remove('active'));
            rating.classList.toggle('active', active);
        })
})

-teaxtarea{
+textarea{
    margin:0;
    padding: 0;
    display: block;
  }

https://yandex.ru/search/?text=js+Intl
https://developer.mozilla.org/en-US/docs/Web/JavaS...

https://youmightnotneedjquery.com/

Посчитайте максимально возможное смещение. Оно будет равным суме ширин все слайдов и промежутков между ними, минус ширина контейнера слайдера.
Если текущее смещение (-currentIndex * 220) будет превышать максимальное, то не применять его.

Это сделает параграф невидимым для мышки

div p {
  pointer-events: none;
}

А так вы можете определить по какому элементу сделан клик

document.querySelector('div').addEventListener('click', e => {
  console.log(e.currentTarget); // Будет див, даже если кликнули на внутренний элемент
});

document.querySelector('div').addEventListener('click', e => {
  console.log(e.target.closest('div'));
  // Будет НАЙДЕН див, внутри которого, или на нем самом кликнули
});

containers.forEach((el) => {
  el.addEventListener("click", e => {
    e.currentTarget.querySelector('.element-3').classList.add('active');
  });
});

function run(cb) {
     directionsService.route(route,
         function(response) {
                // ...
                let distKm = parseInt(dist / 1000);
                cb(distKm);
              }
    });
}

run(function(result){
  console.log(result);
})

с учетом ваших комментов:

document.getElementById('btn-next').onclick = () => {
  run(function(result){
    console.log(result);
  })
};

let array = [1,2,3,4,5,6,7,8,9,10,11]
const chunkSize = 3;
let chunks = [];

while (array.length > 0) {
  chunks.push( array.splice(0, chunkSize) );
}

console.log(chunks);

Вы можете использовать любое хранилище - БД, куки, локальное хранилище, сессию.
Куки и localstorage в принципе можно поправить или вовсе очистить средствами браузера.
БД или php-сессия в этом смысле более надежна.

А сам принцип один, вне зависимости от того, какое хранилище вы будете использовать.
1. Клик
2. Проверить, сохранено ли время предыдущего клика
3.1. Если нет, то разрешить голосование. И сохранить время.
3.2. Если да, то проверить время.
3.2.1. Если прошло достаточно, разрешить голосование и сохранить время
3.2.2. Если нет, ничего не делать или сообщить пользователю, что он слишком увлекся.

у вас неточность. в примере на jquery вы просто ловите событие
а в примере на ваниле хотите инициализировать плагин.

Это разные вещи.

Поймать событие просто. Вешайте обработчик на document и смотритте что прилетело в event.target

В случае с плагином, если он сам не поддерживает инициализацию на созданных в рантайме элементах, вам придется самостоятельно отслеживать появление новых узлов в DOM и по условиям инитить на них плагин. Но это в общем случае, для универсальности. В частном случае можно вклинится в процедуры открытия тех же попапов и там подключать маску. Например напрямую в клике кнопки "Открыть попап", или удобнее, в обработчике события "popup.opened" (условно, я не знаю, какие попапы у вас используются, но у большинства плагинов есть события открытия/закрытия).

что то вы гоните

https://api.jquery.com/position/

.position()

Description: Get the current coordinates of the first element in the set of matched elements, relative to the offset parent.

Это базовые особенности языка. Объясняются в любом учебнике.
В джаваскрипт оператор "+" является двойственным. В зависимости от ситуации он может быть как оператором сложения (чисел), так и оператором конкатенации (склеивание строк).

Здесь оба операнда являются строками, поэтому знак плюс будет оператором конкатенации.

let s1 = '1';
let s2 = '2';
console.log(s1 + s2); // '12'

Здесь оба операнда являются числами, поэтому знак плюс будет оператором сложения.

let n1 = 1;
let n2 = 2;
console.log(n1 + n2); // 3

Могут быть ситуации, когда один из операндов будет числом, а другой – строкой.
В этом случае числовой операнд будет преобразован в строку

let s1 = '1';
let n2 = 2;
console.log(s1 + n2); // '12'

Когда вы получаете значения инпутов со страницы, они всегда будут строчного типа, во всех ситуациях. Поэтому, прежде чем выполнять над этими значениями математические операции, их нужно преобразовать в числа
parseInt() - в целое число
parseFloat() - в число с плавающей точкой
Number() - можно еще так
+n2 - или так (это уже своего рода хак, основанный на приведении типов)

Number(element1.innerHTML) + Number(element2.innerHTML)

Все подробности здесь https://learn.javascript.ru