Stalker_RED

select.addEventListener('change', function() {
  console.log(this.value)
  // срабатывает при каждом изменении селекта
  // делайте свои расчеты
})

Если указана контрольная сумма браузер должен проверить ее. Таким образом страхуемся от случайного или умышленного повреждения или от подмены подключаемых файлов.
https://developer.mozilla.org/en-US/docs/Web/Secur...

Это плагин emmet
Документация: https://docs.emmet.io/
Короткая шпаргалка: https://docs.emmet.io/cheat-sheet/

Он используется не только в шторме, но и в других редакторах.

$('.iStepsR').on('click', '.iStepsTabTitle', function(){
  let $tab = $(this).closest('.iStepsTab')
  $tab.toggleClass('active')
    .siblings().removeClass('active')
})

Меняйте класс всему табу и не мучайтесь.

Вот пример с подсветкой svg-элементов при наведении на ссылку

По такому-же принципу делается и обратное, изменение состояния html-элемента (чекбокса) при клике по svg-элементу.

Ну и что, что он его прячет? На невидимый элемент тоже можно подписаться.

input type=file делаете прозрачным, под ним рисуете любые кнопки какие вам нравится.
По событию change выводите путь в любой блок, какой вам нужно, хоть снизу хоть сверху.

<form action="https://www.google.com/search" method="get">
  <input type="text" name="q" placeholder="введите поисковую фразу">
  <input type="submit" value="пыщь!">
</form>

Скрипты не нужны.

При клике по title родительскому блоку переключаем .active а всем соседям убираем.
И ВСЕ. Не нужны никакие номера и "порядковые блоки".

background-size: cover - картинка тянется так, чтобы покрыть весь блок. Лишнее обрезается.
background-size: contain - картинка тянется так, чтобы целиком уместиться в блок. Могут быть свободные участки по краям.