Не срабатывает калькулятор расчета веса ткани

[Welcome37]

Доброго времени суток...
Вожусь вторую ночь, знаний не хватает катастрофически, прошу помощи.

Вот такой код запихнут был в HTML-модуль и вставлен в шаблон показа товаров:
 

<section class="c-bmi c-bmi--front">
<h3 class="c-bmi--back__title [ u-textUppercase u-textCenter ]">калькулятор расчёта веса в одном метре ткани</h3>
<div class="c-bmi__body g-linear-grad">
<div class="c-bmi__row">ширина ткани: <span id="weight-text">2.2</span> м <input id="weight-slider" class="c-bmi__slider" max="2.2" min="0.4" step="0.05" 

type="range" value="71" /></div>
<div class="c-bmi__row">плотность: <span id="height-text">175</span> г/кв.м <input id="height-slider" class="c-bmi__slider" max="500" min="40" step="5" 

type="range" value="175" /></div>
<h3 class="c-bmi__result typo-1 [ u-textUppercase u-textCenter ]">вес 1 метра в граммах <span id="bmi-text" class="typo-2 c-bmi__number g-btn-shadow [ u-

block ]">385.0</span></h3>
<button id="jsInfoButton" class="g-buttonClean g-btn-shadow c-bmi__info"><em>?</em></button></div>
</section>
<section class="c-bmi c-bmi--back g-linear-grad">
<h3 class="c-bmi--back__title [ u-textUppercase u-textCenter ]">Как рассчитывается вес?</h3>
<div>
<p>Вес одного метра ткани рассчитывается по простейшей формуле M = P x S, где P - плотность, S - площадь (в нашем случае ширина умноженная на длину, а 

длину мы берём 1 метр)</p>
<button id="jsCloseButton" class="g-buttonClean g-btn-shadow c-bmi__info c-bmi__info--x">x</button></div>
</section>

До какого-то момента (по словам наших ребят) он работал исправно, но тут - очень похоже на скопированную через просмотр HTML-кода страницы часть модуля.

Я нашел, откуда было взято тело модуля калькулятора (https://codepen.io/SimonNonnis/pen/RWLYjP) и попытался повторить "подвиг", фиг там. На сайте, откуда взял код, работает (правда странно считает), а на нашем - нет. Вот код:
 

<div class="wrapper">
     
  <main class="c-bmi-container typo-1">
    <section class="c-bmi c-bmi--front">

        <h3 class="c-bmi__title [  u-textCenter ]">Калькулятор расчёта веса в одном метре ткани</h3>
        <div class="c-bmi__body g-linear-grad">
          <div class="c-bmi__row">
            <span>Ширина ткани: <span id="weight-text"></span> м.</span> 
            <input class="c-bmi__slider" id="weight-slider" type="range" min="0.4" max="2.2" step="0.05" value="71" />
          </div>
          <div class="c-bmi__row">
            <span>Плотность: <span id="height-text"></span> г/кв.м </span> 
            <input class="c-bmi__slider" id="height-slider" type="range" min="40" max="500" value="175" />
          </div>
          <h3 class="c-bmi__result typo-1 [  u-textCenter ]">Вес 1 метра ткани в граммах: <span class="typo-2 c-bmi__number g-btn-shadow [ u-block ]" id="bmi-text"></span></h3>
          <button id="jsInfoButton" class="g-buttonClean g-btn-shadow c-bmi__info"><i>?</i></button>
        </div>

    </section>
  
    <section class="c-bmi c-bmi--back g-linear-grad">
      <h3 class="c-bmi--back__title [ u-textUppercase ]">Как мы считаем?</h3>
      <div>
        <p>Вес одного метра ткани (М) считаем по формуле M = P x S, (P-плотность, S-площадь (ширина умноженная на длину (длина-1 метр)</p>
        <button id="jsCloseButton" class="g-buttonClean g-btn-shadow c-bmi__info c-bmi__info--x">X</button>
      </div>
    </section>
  </main>
  
</div>

К сожалению, обратиться к автору сайта уже нет возможности, он умер. Поэтому прошу помощи.

В header-е нашел только одно упоминание библиотеки JQuery:
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>

Ссылка на страницу одного из товаров: https://cotton-mix.ru/kulirka---1990
Файл этот на месте, размер 84 249 байт, его 3 года никто не менял.

[Prooksius]

Сложно сказать, что тут случилось, но в калькуляторе, что на cotton-mix.ru, даже не подключен никакой javascript-обработчик, чтобы как на codepen, показывало изменения. Вот вы двигаете ползунок, а цифры меняются. Это делается через js.
То есть у вас там просто html-код и все. А этого недостаточно.
Каким-то образом отвалился js в вашем модуле.. Какой он там был, как на codepen или другой - пальцем в небо.
Вряд ли это сторонний какой-то js - нет ошибок загрузки в консоли. Да и простейший-то код там, наверное, был.

[Welcome37]

Спасибо за ответ.
В том и проблема - тот код, который я гружу, точно так же не работает. Тут моих "познаний" хватает. Куда должен быть загружен файл js, чтобы он срабатывал, не подскажете? У меня есть мысль, что кто-то из ребят вынес файл с хостинга...
На codepen есть код java-скрипта. Можно попробовать его сохранить и поместить, но куда именно, в какую директорию...?

Может быть, подскажете какой-нибудь модуль (не HTML), который позволит делать подобное?

 

Змінено 17 лютого 2021 користувачем Welcome37