How to change slick slider caption text when swiping a slide?

Question

JavaScript

There is js in which the slide counter works. When you swipe to the next slide, new text is added. Question: how to change the text again, when swiping back?

<span class="name-itm">Текст</span>

var $slider = $('.slider');
var sliderCounter = document.getElementsByClassName("slider-counter");
var nameItm = document.getElementsByClassName("name-itm");
var newText = "Новый текст";

if ($slider.length) {
    var updateSliderCounter = function(slick, currentIndex) {
        currentSlide = slick.slickCurrentSlide() + 1;
        $(sliderCounter).text(currentSlide);
      };
      $slider.on('afterChange', function(event, slick, currentSlide, nextSlide) {
        updateSliderCounter(slick, currentSlide, nextSlide);
    nextSlide = newText;
        $(nameItm).text(nextSlide);
     });
}

Answer 1

I wrote such garbage, it works if there are three or more slides