old-web/app/views/partials/range.ejs

<form method="POST" id="form-range">

  <div>
    <div class="row center-align">
      <h6>Od</h6>
    </div>
    <div class="row center-align">
      <h6 id="from-value"><%= rangeFrom.value %> <%= unit %> </h12>
    </div>
    <p class="range-field">
      <input name="from" id="from" type="range" value="<%= rangeFrom.value %>" min="<%= rangeFrom.min %>"
        max="<%= rangeFrom.max %>" step="<%= rangeFrom.step %>" />
    </p>
    <div class="row center-align">
      <h6>Do</h6>
    </div>
    <div class="row center-align">
      <h6 id="to-value"><%= rangeTo.value %> <%= unit %></h12>
    </div>
    <p class="range-field">
      <input name="to" id="to" type="range" value="<%= rangeTo.value %>" min="<%= rangeTo.min %>"
        max="<%= rangeTo.max %>" step="<%= rangeTo.step %>" />
    </p>
  </div>
  <div class="col s6 push-s3">
    <a id="btnsubmit" href="#" class="welcome-center-button waves-effect waves-light btn">
      Dalje
    </a>
  </div>
</form>

<script>

  $(document).ready(() => {

    $("#from").change(function () {
      if (Number($("#from").val()) >= Number($("#to").val())) {
        $("#from").val(Number($("#to").val()) - Number(<%= rangeFrom.step %>)  )
      }

      $('#from-value').text($("#from").val() + "<%= unit %>");
    });

    $("#to").change(function () {

      if (Number($("#to").val()) <= Number($("#from").val())) {
        $("#to").val(Number($("#from").val()) + Number(<%= rangeTo.step %>)  )
      }
      $('#to-value').text($("#to").val() + "<%= unit %>");
    });


    $("#btnsubmit").click(() => {
      var from = $("#from").val();
      var to = $("#to").val();

      $("#foo").on("click", function () {
        alert($(this).text());
      });

      if (parseInt(from, 10) >= parseInt(to, 10)) {
        alert("\"Od\" vrijednost ne smije biti veca od \"Do\" vrijednosti ")
        return;
      }

      $("#form-range").submit();
    });

  });

</script>