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.
- Idag ShowCase: Prestanda för pengarna med Nvidia Geforce RTX 4060 6
- Idag Apple kan släppa ny Ipad Pro med M4-krets 31
- Igår Intel skyller Raptor Lake-krascher på moderkortstillverkare 36
- Igår TSMC utvecklar enorma kretsar med effekt mätt i kilowatt 11
- Igår Så mycket långsammare blir Intels värstingkretsar med ”Intel Baseline” i BIOS 57
- 27 / 4 Stöd för komprimering i fler format på gång till Windows 19
- 27 / 4 Krönika: "Early access" är utstuderad girighet 55
- 27 / 4 Microsoft släpper källkoden till MS‑DOS 4.00 24
- 26 / 4 Ny caps lock-symbol i Windows förbryllar HP-användare 21
- 26 / 4 Därför blockerar Windows 11 24H2 Start‑menyhack 43
- Snabbkoll: Använder du VPN-tjänster?32
- ShowCase: Prestanda för pengarna med Nvidia Geforce RTX 40606
- Vilket VR-headset ska jag köpa?887
- Telenor stoppar fulstreaming för sina kunder45
- [LEK] Gissa spelet15523
- bluescreen mm1
- Konsol åt 10-åring17
- Separat skärm att ställa vertikalt: vad att tänka på?11
- Elbilar - Tråden för intresserade23201
- Tråden för hörlursgalningar! Lurar, förstärkare, dacs, pads osv osv It´s all here!19837
- Säljes Nvidia Quadro P2000 5GB (PNY)
- Säljes LG 27GP850-B, AOC Q27G2S, headset
- Säljes Dell Latitude 7530 15,6”
- Säljes Samsung Odyssey 49" 120hz
- Säljes Playstation 5 + 2 dualshock + 2 spel
- Säljes Budget dator stationär
- Säljes Prusa mk4, 3st build plates, 11 rullar filament
- Säljes Server/NAS (Supermicro X9SRi-f / Xeon E5-1620v2 / Fractal Design R5)
- Säljes Fractal Design Define 7 compact dark tint
- Säljes MSI Katana 15 - i7 | 16GB | 1TB | RTX 4070
- ShowCase: Prestanda för pengarna med Nvidia Geforce RTX 40606
- Snabbkoll: Använder du VPN-tjänster?32
- Telenor stoppar fulstreaming för sina kunder45
- Därför är Googles sökresultat sämre idag40
- Apple kan släppa ny Ipad Pro med M4-krets31
- Google nöjda med annonsexperiment: Youtube kan få pausreklam51
- Intel skyller Raptor Lake-krascher på moderkortstillverkare36
- TSMC utvecklar enorma kretsar med effekt mätt i kilowatt11
- Så mycket långsammare blir Intels värstingkretsar med ”Intel Baseline” i BIOS57
- Stöd för komprimering i fler format på gång till Windows19