Script for disabling the left/right Bootstrap carousel controls at the first/last slide

disable_carousel_controls.html

<!-- Script for disabling the left/right Bootstrap carousel controls at the first/last slide -->
(function() {
  const removeClass = function(selector, className) {
    Array.from(document.querySelectorAll(selector)).forEach(function(el) { 
      el.classList.remove(className);
    });
  };
  const addClass = function(selector, className) {
    Array.from(document.querySelectorAll(selector)).forEach(function(el) { 
      el.classList.add(className);
    });
  };
  let car = document.querySelector('#myCarousel');
  car.addEventListener('slide.bs.carousel', function(e) {
    removeClass('.carousel-control-prev', 'd-none');
    removeClass('.carousel-control-next', 'd-none');
    if(e.to == 0) {
      addClass('.carousel-control-prev', 'd-none');
    } else {
      if (e.to == 4) {
        addClass('.carousel-control-next', 'd-none');
      }
    }
  });
  addClass('.carousel-control-prev', 'd-none');
  
})();
</script>