Во первых, ты подключаешь скрипт в head, и тебе нужно пользоваться конструкцией:
window.onload=()=>{/* code */};
Например запуск функции сюда можешь запихнуть или само тело, вообще евенты я бы в боди сувал, но если у тебя там логика визуала будет, то 1 секунду после ф5 у тебя будет кёк
Во вторых, JQuery вешает у тебя евент клика на Батю
, а не детей h1
В третьих, подключать библиотеки нужно(имхо) так:
- JQuery
- Либы.js
- Твой файл.js // Но его можно подключить в body(где у тебя
stepper.min.js
я обнаружил), чтобы не Во первых
(в моём ответе)
В четвертых, придирки, var \ this
уже устарели, да и структура script.js
хромает, рекомендую читнуть про es6 на хабре есть пару статей да и learn.js.com никто не отменял