Remis w kółko i krzyżyk, JQuery

Question

Witam, wykonuję prostą grę w ramach nauki Framework7. Mam mały problem z kodem, Chodzi mi o linijkę 65 w tym pliku: https://github.com/ThePatrykOOO/TicTacToe/blob/beta/www/js/tictac.js

Sprawdzam czy wszystkie elementy są zaznaczone i funkcja checkifPlayerWon(symbol), powinna zwrócić false (próbowałem na różne sposoby lecz nic nie działało.

Z góry dzięki za pomoc

Comments

//#65   } else if ($('.sq1').hasClass(symbol) && $('.sq2').hasClass(symbol) && $('.sq3').hasClass(symbol) && $('.sq4').hasClass(symbol) && $('.sq5').hasClass(symbol) && $('.sq6').hasClass(symbol) && $('.sq7').hasClass(symbol) && $('.sq8').hasClass(symbol) && $('.sq9').hasClass(symbol))  {

To aż się prosi o skorzystanie z metody Array.prototype.every()

Coś w tym stylu (nie testowane):

function checkIfHasClass( selectors, className ) {
    return selectors.every( ( selector ) => $( selector ).hasClass( className ) );
}

const elementSelectors = [ '.sq1', '.sq2', '.sq3', '.sq4' ];
const isHasClass = checkIfHasClass( elementSelectors, symbol );

Możliwe też, że można skrócić samo wypełnianie tablicy. Nie kojarzę, czy w JS jest jakaś natywna metoda na to, bo Array.prototype.fill() nie do końca może tutaj spełnić swoje zadanie, a jeśli nie to zwykła pętla for.

Answer 1

wklej fragment kodu tej funkcji, nie wrzucaj całego gita- bo skoro problem ma być  w jakimś miejscu to warto skupić się na nim, a mało kto będzie chciał pobierać cały pakiet, i przeglądać src-code w poszukiwaniu buga