Как можно переписать скрипт, чтобы при прокрутке на новый слайд запускать функцию?

Question

[Alexander9229]

Есть вот такой скрипт, который запускает анимацию.

var player = document.querySelector( \'lottie-player\' );
player.play();

Проблема в том, что он срабатывает только на одном теге, а у меня таких тегов 6 (это слайдер)
Как можно переписать данный скрипт, чтобы при прокрутке на каждый новый слайд запускалась функция по новому?
Так понимаю здесь нужен цикл.

Я начал пробовать это сделать через forEach, но выдает ошибку

var player = document.querySelectorAll( \'lottie-player\' );

    player.forEach( function( item ) {
        item.addEventListener( \'wheel\', function() {
            play();
        });
    });

Подскажите где ошибка и как можно это реализовать?

Comments

[Simkav]

Ошибку можно увидеть?

[Eduard Shkuta]

Как по мне, экранированные кавычки тут лишние

[Comsequent]

Где ошибка, Вам, в консоли браузера написали. Там даже написано, что, по мнению браузера, пошло не так.
Пожалуйста, покажите ошибку, чтобы можно было, беде Вашей, помочь

[Alexander9229]

Simkav Comsequent

[Alexander9229]

Эдуард Шкута экранирование там не мешает, так как сам проект пишется на YII

[Simkav]

Alexander9229, Попробуйте это(кавычки сами поставьте как вам надо)

'use strict';
var player = document.querySelectorAll('lottie-player');
player.forEach(function (item) {
  item.addEventListener('wheel', ({ target }) => {
    target.play();
  });
});