Witam.
Podczas dalszej nauki i rozbudowania mini gry, (prezentowana w oddzielnym temacie) natrafiłem na pewien problem.
Napisałem funkcję której zadaniem jest sprawdzenie czy element o danej klasie istnieje na planszy. Po wyświetleniu elementów użytkownik ma kliknąć we wszystkie elementy jak ten przentowany w okienku "Szukaj". Pod uwagę brany jest tylko kształt.
Po pierwszym uruchmieniu skryptu wszystko działa. Po kliknięciu pierwszego elementu funkcja sprawdza czy są inne jeszcze takie same elementy. Jeśli tak to użytkownik musi kliknąć następny. Jeśli już nie ma szukanego elemntu to odpalana jest funkcja prezentująca wynik czasowy i ponownie generowna jest plansza z następnym elementem do odnalezienia.
I tu właśnie zaczynają się schody. Z jakiegoś powodu funkcja albo nie widzi że są inne takie same elementy i od razu prezentuje wynik albo widzi za dużo, to znaczy twierdzi że element jest a faktycznie go nie ma.
Czy ktoś może mi powiedzieć gdzie jest problem? Poniżej kod z problematyczną funkcją findBoxes.
function secondStage()
{
createBoxes(59);
var usingSet = [];
var i = 0;
var boxList = document.querySelectorAll("#board > div");
createSet(usingSet,20,shapes);
(function paint()
{
if(i<=59)
{
var curentBox = boxList[i];
curentBox.className = usingSet[draw(20)];
curentBox.style.color = colors[draw(colors.length-5)];
timeStop = setTimeout(paint,50);
i++;
}
else
{
var findShape = boxList[draw(59)];
toFind.className = findShape.className;
toFind.style.color = findShape.style.color;
findBoxes(boxList);
clearTimeout(timeStop);
}
})();
}
function findBoxes(boxList)
{
startTime = Date.now();
board.addEventListener("mousedown",function(e)
{
if((e.target.className===toFind.className))
{
e.target.className="correct";
e.target.innerHTML="OK";
checkBoard();
}
else if(e.target.id ==="board" || e.target.className==="correct")
{}
else
{
e.target.className="false";
e.target.innerHTML="NO";
}
},false);
function checkBoard()
{
var condition = false;
for(var x=0;x<boxList.length;x++)
{
if((boxList[x].className === toFind.className))
{
condition = true;
}
}
if(condition===false)
{
console.log("Brak szukanego elementu");
var clickTime = Date.now();
var timeResult = parseFloat(((clickTime-startTime)/1000).toFixed(3));
lastResult.innerHTML=timeResult+"s";
secondResult[secondResult.length]=timeResult;
displayResult(secondStage);
}
}
}
function displayResult(stage)
{
//lastResultDiv.style.right = "-592px";
cover.className="";
TweenMax.to("#lastResultDiv",1,{ease: Back.easeOut, right: (winWidth/4),});
TweenMax.to("#go",1,{ease: Back.easeOut, top: (winWidth/3),onComplete:function(){
goButton.addEventListener("click",function(){clear();},false);
}});
//clear board and return to play
function clear()
{
TweenMax.to("#lastResultDiv",1,{ease: Back.easeIn, right: winWidth,});
TweenMax.to("#go",1,{ease: Back.easeOut, top: -100,onComplete:function()
{
cover.className="hide";
lastResultDiv.style.right = "-592px";
toFind.className="";
board.innerHTML="";
if(firstStageRound===1)
{
secondStage();
}
else if(secondStageRound===5)
{
thirdStage();
}
else
{
stage();
}
}});
}
}
