​

const startValue = document.querySelector('.multi-ranges-start-values');

const startValueValues = document.querySelector('#multi-ranges-start-values-show');

​

const startValueInit = new mdb.MultiRangeSlider(startValue, {

  startValues: [10, 80],

});

​

startValue.addEventListener('valueChanged.mdb.multiRangeSlider', (e) => {

  startValueValues.innerHTML = `

    Value:

    <span class="d-flex flex-column">

      <div>First: ${e.values.rounded[0]}</div>

      <div>Second  ${e.values.rounded[1]}</div>

    </span>

  `;

});