У меня есть готовая рулетка, она крутится и при остановке на элементе его рамки горят зелёным. Мне надо узнать, что это за элемент.
<div class="wraper">
<div class="arrowup"></div>
<div class="arrowdown"></div>
<div class="window">
<ul class="list">
</ul>
<ul class="list">
<li><img src="https://cdn0.iconfinder.com/data/icons/fruits/128/Strawberry.png" alt="1" id='a1'></li>
<li><img src="https://cdn0.iconfinder.com/data/icons/fruits/128/Cherry.png" alt="2" id='a2'></li>
<li><img src="https://cdn0.iconfinder.com/data/icons/fruits/128/Apple.png" alt="3" id='a3'></li>
<li><img src="https://cdn0.iconfinder.com/data/icons/fruits/128/Lemon.png" alt="4" id='a4'></li>
<li><img src="https://cdn0.iconfinder.com/data/icons/fruits/128/Kiwi.png" alt="5" id='a5'></li>
<li><img src="https://cdn0.iconfinder.com/data/icons/fruits/128/Pear.png" alt="6" id='a6'></li>
</ul>
</div>
</div>
<p style="text-align: center">
<button class="button">Кнопка</button>
<div class="win">
<ul>
</ul>
</div>
<script>
$(document).ready(function() {
for (i = 0; i < 3; i++) {
$(".list li").clone().appendTo(".list");
}
$('.button').click(function() {
$('.window').css({
right: "0"
})
$('.list li').css({
border: '4px solid transparent'
})
function selfRandom(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
var x = selfRandom(50, 100);
console.log('вам выпало ' + x)
$('.window').animate({
right: ((x * 130) + (x * 8 - 12) - 119)
}, 10000);
setTimeout(() => {
console.log(x)
$('.list li:eq(' + x + ')')
$('.list li:eq(' + x + ')').css({
border: '4px solid #00ba00'
})
}, 10500);
});
});
</script>