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.
- Intel återlanserar 2020-CPU som Core i5-11028
- 9800x3D är 88 grader vid start - datorn stängs av50
- Vad är "rätt" pris för konfigurationen nedan1
- Apples mobilkrets piskar AMD och Intel i Geekbench59
- [LEK] Gissa spelet19k
- Spotify lanserar lossless-ljud - men drömläget kräver kabel200
- Allente tråden3
- Tråden om PlayStation 5 | Slim | PRO20k
- "Billig" speldator med hållbar framtid?30
- Små begagnade datorer till en vårdcentral utomlands, tips?13
- Säljes 14 tum Lenovo legion slim 5 OLED 32GB RTX 4060
- Säljes Rensning: Smartband, QI-laddare mm.
- Säljes 5700X3D Paket 32GB CL30 B550-STRIX-E
- Säljes diverse komponenter eller komplett äldre maskin
- Säljes ASUS GeForce RTX 4060 Dual OC
- Säljes Gammal iMac och Samsung tv
- Säljes HP DL380 G7 / DL380p G8
- Säljes Telefoner, tangentbord och kontroller
- Säljes WF-1000XM5, Vattenkylning, Chassi, Högtalare, Arctic P14
- Säljes ZOWIE by BenQ XL2546X+ 24.1″ Fast TN 280Hz DyAc
- Intel återlanserar 2020-CPU som Core i5-11028
- Bättre RTX 50-överklockning med MSI Afterburner3
- Apples mobilkrets piskar AMD och Intel i Geekbench59
- Thermal Grizzly lanserar vattenblock för RTX 5090 Astral3
- Stor Steam-uppdatering ger efterlängtade funktioner19
- Quiz: Battlefield – Briljera och vinn plats i Slaget82
- Nu är det gratis att publicera i Microsoft-butiken14
- RTX 50 Super-modeller dröjer30
- Teenage Engineering Computer-2: Tekniskt sett ett chassi21
- Träpanel och USB-C när Asus lanserar ProArt RTX 508018
Externa nyheter
Spelnyheter från FZ