אז ככה יש לי משחק קטן של משחק הזיכרון, מה שאני מנסה לעשות כרגע זה לעשות כפתור של מציאת הזוג המתאים.
ז"א שאם אני לוחץ על איזשהו קלף וילחץ על הכפתור הוא יהפוך לי את הזוג שלו.
לכל תמונה יש לי מספר עם attribute “DATA-CARD” נירא ככה:
<div class="card" data-card="1" onclick="cardClicked(this)"></div>
מה שאני רוצה שיקרה הוא שברגע שאני לוחץ על הכפתור הזוג עם אותו מספר יתהפך גם הוא.
זה הקוד שהצלחתי לעשות בJS אבל הוא לא עובד.
function findPair(){
let divsCards = document.querySelectorAll('.card');
for (i = 0; i <divsCards.length; i++){
Array.from(divsCards).forEach(function(card){
// If the pair is match and it's not the same card we clicked
if (card.getAttribute("data-card") === card.getAttribute("data-card")) {
console.log('Found a match.');
// flip it.
card.classList.toggle("flipped");
}
});
}
}