как получить id предмет горизонтальной рулетки

Question

Я нахожу это ( пример на CODEPEN ), но не понимаю, как получить идентификатор победителя. Я тестирую этот пример, но пока он не работает. Мне просто нужно взять идентификатор выигравшего предмета, а затем отправить его на сервер

Мой тест:

HTML

        <div class="wraper">
                <div class="arrowup"></div>
                <div class="window">
                    
                    <ul class="list">
                        <li><img src="img/c1.png" alt="query"></li>
                                  ......
                    </ul>
                </div>
            </div>

            <div id="msu">
                <input name="" title="49 РУБЛЕЙ" type="button" value="Крутить" 
              class="button">
            </div> 

JS

    let list = $(".list li").length-1;
        let list_width = $(".list li").innerWidth(); //get width
        for (i = 0; i <= list; i++) {
            $(".list li").clone().appendTo(".list"); //add LI element's on my roul
        }
        $('.button').click(function () {
            $('.list').css({
                right: "0"
            })

            $('.list li').css({
                border: '4px solid transparent'
            })
            function selfRandom(min, max) {
                return Math.floor(Math.random() * (max - min + 1)) + min;
            }
            
            let x = selfRandom(1, 50);
            $('.list li:eq('+x+')').css({
                border:'4px solid #00ba00'
            })

            $('.list').animate({
                right: ((x*list_width)+(x*8-12)-121)
            }
            ,900
            ,"linear"
            ,function(){
                alert('Приз'+ x );
            });
        });