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.
- Igår AMD, Nvidia och Intel – vad är det för skillnad mellan grafikkortstillverkarna? 10
- Igår Testpilot: MSI MPG 271QRX - Färgsprakande OLED i 360 Hz 13
- 23 / 4 Meta öppnar upp Quests OS – vill bli VR-världens Android 12
- 23 / 4 Googles nästa Chromecast får dubblerad lagring 74
- 23 / 4 EK Water Blocks lovar bot och bättring 16
- Simulator - hjälp/tips på bildförskjutning sökes12
- MC - förstahoj, körkort och utrustning [Samlingstråd]3035
- Problem med muspekare1
- Vad lyssnar du på just nu?13884
- Europol ställer sig emot end-to-end-kryptering151
- AMD, Nvidia och Intel – vad är det för skillnad mellan grafikkortstillverkarna?10
- Gamingskärm - ultrawide eller inte?20
- Posta din hastighet!2437
- Tråden för 2-kanals stereo med högtalare646
- Speldator/redigering för 15 - 17 tkr0
- Köpes i7 12th 13 14 gen
- Säljes 64 Gig DDR5 2x32Gig, 6000MT/s CL36-38-38 1.35V EXPO/XMP
- Säljes Gamingdator I9-13900KF - 7800 XT - Z690 - DDR5 32GB - Define 7
- Säljes T700 2TB M2 SSD. Lian Li Strimer 24pin. Vertical mount
- Säljes Dell Poweredge R330
- Bytes 3070 MSI Suprim X mot Strix
- Säljes Sapphire pulse 6700xt
- Säljes XPS 9370
- Säljes Gigabyte GeForce RTX 4080 16GB GAMING OC
- Säljes Gamingtillbehör - HyperX, Logitech
- Viaplay sätter ner foten mot delade konton34
- AMD, Nvidia och Intel – vad är det för skillnad mellan grafikkortstillverkarna?10
- Systembolaget varnar: Dryckesbrist efter hackerattack60
- Veckans fråga: Hur mycket lagringsutrymme har din dator?82
- Valve täpper till kryphål i Steam-återbetalningar18
- Testpilot: MSI MPG 271QRX - Färgsprakande OLED i 360 Hz13
- Google skjuter på utfasning av tredjepartskakor till 202516
- Skadlig kod sprids via lömska Github-länkar13
- Microsoft blockerar äldre processorer i Windows 11 24H236
- Meta öppnar upp Quests OS – vill bli VR-världens Android12