Big Bang Theory
Howard Wolowitz
Får inte till sort i kortspelet
Hej,
behöver hjälp med en sak nu,
let cardHolder = [];
let ul = document.querySelector("ul");
let container = document.getElementById("container");
let deck = [
{
id: 1,
image:
"https://pixabay.com/get/55e5d0414d4faa0df7c5c10398766263143ad..."
},
{
id: 1,
image:
"https://pixabay.com/get/55e5d0414d4faa0df7c5c10398766263143ad..."
},
{
id: 2,
image:
"https://pixabay.com/get/57e6d5454a53b10ff3d89938b977692b083ed..."
},
{
id: 2,
image:
"https://pixabay.com/get/57e6d5454a53b10ff3d89938b977692b083ed..."
},
{
id: 3,
image:
"https://pixabay.com/get/55e3d6464257a514f1dc8460825668204022d..."
},
{
id: 3,
image:
"https://pixabay.com/get/55e3d6464257a514f1dc8460825668204022d..."
},
{
id: 4,
image:
"https://pixabay.com/get/52e0dc4b4c4faa0df7c5c10398766263143ad..."
},
{
id: 4,
image:
"https://pixabay.com/get/52e0dc4b4c4faa0df7c5c10398766263143ad..."
},
{
id: 5,
image:
"https://pixabay.com/get/52e0d5474852ad14f1dc8460825668204022d..."
},
{
id: 5,
image:
"https://pixabay.com/get/52e0d5474852ad14f1dc8460825668204022d..."
},
{
id: 6,
image:
"https://pixabay.com/get/52e4d343435bae14f1dc8460825668204022d..."
},
{
id: 6,
image:
"https://pixabay.com/get/52e4d343435bae14f1dc8460825668204022d..."
},
{
id: 7,
image:
"https://pixabay.com/get/52e4d04a4d4faa0df7c5c10398766263143ad..."
},
{
id: 7,
image:
"https://pixabay.com/get/52e4d04a4d4faa0df7c5c10398766263143ad..."
},
{
id: 8,
image:
"https://pixabay.com/get/57e5dc424957b10ff3d89938b977692b083ed..."
},
{
id: 8,
image:
"https://pixabay.com/get/57e5dc424957b10ff3d89938b977692b083ed..."
}
];
function render() {
deck.forEach(carditem => {
let card = document.createElement("li");
card.innerHTML = `
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front" id="${carditem.id}"></div>
<div class="flip-card-back">
<img src="${carditem.image}" class="img">
</div>
</div>
</div>
`;
card.id = carditem.id;
ul.appendChild(card);
});
}
// Shuffle
function shuffle(a) {
for (let i = a.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[a[i], a[j]] = [a[j], a[i]];
}
return a;
}
function check() {
if (cardHolder.length === 2) {
let isMatch = cardHolder[0] === cardHolder[1];
isMatch ? console.log("vinn") : console.log("loss");
cardHolder = [];
}
}
container.addEventListener("click", function(e) {
e.target.parentNode.classList.add("active-img");
cardHolder.push(e.target.id);
shuffle(deck);
render();
Det är så att jag gör ett memory spel nu, och vill checka så att det finns två kort i cardholder, vilket jag gjort, men vill göra så att man inte kan vända på mer en två kort i taget liksom, för nu kan jag vända på alla kort, och vill endast att två¨ska visas och sedan om det är rätt ska dom tas bort eller om det är fel ska det vändas tillbaka, men får inte till det riktigt.
- Är detta en bra dator skulle ni säga?2
- Battlefield 6 avtäcks imorgon133
- Vad lyssnar du på just nu?15k
- Vilken serie såg du senast?2,6k
- Bilder på ditt senaste inköp (2025) [inga produktbilder]957
- Macbook Pro - M4 vs M4 Pro0
- Återkommande pixelfel på LG Oled3
- Andersson QLED6550UHD vs Samsung TQ55Q60DAUXXC 550
- ÖlClockers - ölbryggning666
- Vilken film såg du senast?15k
- Säljes Digital nyckel till Mario Kart World (Switch 2)
- Köpes Köper AM5 CPU
- Bytes RTX 5070 Ti Zotac AMP bytes mot RTX 5070 Ti med mindre kylare
- Bytes Söker rtx 4090 eller 5080 för byte mot 4080S
- Köpes 2 ST 4TB Hårddiskar
- Säljes EK-Quantum Vector² Strix/TUF RTX 4090 D-RGB - Nickel + Plexi
- Säljes Dator (AMD RYZEN 5800x, NVIDIA RTX ASUS TUF 3070)
- Säljes EVGA NU Audio ljudkort, Xduoo MT-602 rörhybridförstärkare, Burson Audio v5i Op-Amp par
- Köpes Söker i7 870 eller I7 880 socket 1156 samt DDR3 4x4 GB 1600 mhz
- Säljes RTX 3080 RTX 3060 SF750 ND75
- SK Hynix satsar på 3 GB GDDR7-moduler19
- Intels uppsägningar fortsätter24
- AMD växer snabbt på servermarknaden16
- Kinesiskt grafikkort når RTX 5060‑nivå28
- Rykte: Intel siktar på massor av L3 Cache med Nova Lake67
- Quiz: Vad kan du om konsolhårdvara?62
- Github föreslår EU-fond för öppen källkod28
- Svenskars personuppgifter låg i oskyddad databas54
- Proton släpper konfidentiell AI-chattbot11
- DDR6-minne letar sig ut till konsumenter år 202746
Externa nyheter
Spelnyheter från FZ