возникла проблема, до решения которой не могу додуматься. Нашел исходники рулетки, которая случайным образом выбирает из index.html и подкрашивает его после завершения анимации.
<body>
<div class="shadow"></div>
<div class="random">
<div class="result"></div>
<div class="cards">
<div id="cc">
<img src="img\cc.png" style="width: 100px; height: 70px">
</div>
<div id="phone">
<img src="img\phone.png" style="width: 100px; height: 70px">
</div>
<div id="tax">
<img src="img\tax free.png" style="width: 100px; height: 70px">
</div>
<div id="viber">
<img src="img\skype, viber.png" style="width: 100px; height: 70px">
</div>
<div id="netflix">
<img src="img\netflix.png" style="width: 100px; height: 70px">
</div>
<div id="vk">
<img src="img\vk kombo.png" style="width: 100px; height: 70px">
</div>
<div id="asos">
<img src="img\asos.png" style="width: 100px; height: 70px">
</div>
<div id="tg">
<img src="img\tg prem.png" style="width: 100px; height: 70px">
</div>
<div id="xbox">
<img src="img\xbox.png" style="width: 100px; height: 70px">
</div>
<div id="twitch">
<img src="img\twitch.png" style="width: 100px; height: 70px">
</div>
</div>
</div>
<button class="start" onclick="start()">Участвовать</button>
<script src="mine.js"></script>
</body>
Скрипт рулетки на JS:
var cards_block = document.querySelector('.cards');
var cards = document.querySelectorAll('.cards > div');
function start() {
var random = Math.floor(Math.random() * 10); // От 0 до 8
cards_block.style.left = -random * 100 + 'px';
setTimeout(function() {
random++;
cards[random].style.background = '#F5B036';
cards[random].style.color = 'white';
}, 5000)
}
Сам вопрос: как можно передать значение случайного , который был выигрышным?
К каждой позиции рулетки у меня будет массив строк, которые случайным образом должны отображаться во всплывающем окне