Привет. Пишу мини игру "карточный жребий". Суть ее в том что случайно генерируется число от 1 до 13 и потом div присваивается соответственный класс. Для усложнения задачи написал несколько различных механизмов но до ума не все еще довел, не судите строго. А суть вопроса заключается в некотором решении, для избежания повтора карт. Я использовал рекурсию и поставил ее на условия поиска в массиве, но по какой-то причине она то работает то не работает. Помогите поправить код.
var curArr = [];
var currentCard;
var j = 0;
var rezFind;
var cardLength;
var playerIndex;
var on = 0;
$('.card').click(function() {
if (j == 0) {
random();
}
rubaha = $(this).attr('class');
if (rubaha == 'card shirt') {
$(this).removeClass('shirt').addClass("c" + currentCard);
curArr[j] = currentCard;
j++;
randCheck();
}
});
function random() {
currentCard = Math.floor(Math.random() * 13 + 1);
}
function randCheck() {
random();
find();
if (rezFind == 1) {
randCheck();
}
}
function find() {
for (var i = 0; i < curArr.length; i++) {
if (currentCard == curArr[i]) {
rezFind = 1;
} else {
rezFind = 0;
}
}
}
$('.player').click(function() {
playerIndex = $(this).index() + 2;
cardLength = $('.card').length;
addCard();
});
function addCard() {
$('.card').removeClass().addClass('card shirt');
for (var i = 2; i < playerIndex; i++) {
}
for (var i = 2; i < cardLength; i++) {
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
<div class="playerLength">
<p class="player player2">X2</p>
<p class="player player3">X3</p>
<p class="player player4">X4</p>
<p class="player player5">X5</p>
</div>
<div class="cards">
<div class="card shirt"></div>
<div class="card shirt"></div>
<div class="card shirt"></div>
<div class="card shirt"></div>
<div class="card shirt"></div>
</div>
</div>