Slick Slider, щелкните полный слайд до go URL без разметки HTML или jQuery?

Question

Итак, я пытаюсь «взломать» Slick Slider на нашем веб-сайте, потому что разработчики нашей платформы CMS не добавили возможность сделать весь слайд интерактивным. Вместо этого они по умолчанию позволяют добавлять на слайды только кнопки и ссылки. Поскольку это не сработает для нашего первого слайда, который мы пытаемся отобразить, я пытаюсь преобразовать весь слайд при нажатии go в URL-адрес.

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

Кроме того, я не могу использовать jQuery, потому что добавляю скрипт (любая версия ) нарушает работу слайдера, вероятно, из-за некоторого конфликта кода с слайдером Slick.

Я пробовал это («награды» - это имя класса первого слайда, который я хочу сделать интерактивным):

<script type="text/javascript">
  document.getElementsByClassName("rewards").onclick = function() {
    window.location = "https://www.citrustowncenter.com/rewards-program/";
  };
</script>     

Но не работает. Я просто хочу настроить таргетинг на первый слайд с именем класса «награды».

Вот тестовая страница: https://www.citrustowncenter.com/testing-2

Так есть ли сырые JS решение для этого?

Спасибо!

Answer 1

Обновление: в итоге я заставил его работать с решением, которое я нашел в этом сообщении :

window.onload = function () {
  list = document.querySelectorAll(".className");
  for (var i = 0; i < list.length; i++) {
    list[i].addEventListener("click", function (e) {
      e.preventDefault();
    });
  }
};