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.
- Veckans fråga: Hur gammal är din processor?109
- Iphone 17-familjen fastnar på bild58
- Phanteks XT Pro Ultra push/pull top?4
- Sök+ersätt i SQL men utan att skapa dubletter1
- Jobben som påverkas mest och minst av AI46
- Wordle på svenska - ordlig.se9,3k
- Försöker få igång Mysteriet på Greveholm på Windows 11 och undrar vad man ska använda ifall det inte hjälper att att ändra kompatibilitet?29
- Rabbel.se - Ett dagligt ordspel2,4k
- Vilken bok läste du senast?365
- Vilket är det bästa kloningsprogrammet?24
- Köpes Letar bärbar projektor
- Säljes CSFG chassi med tillbehör
- Säljes Komplett EK Vattenkylning + Lian Li O11 Dynamic XL ROG
- Säljes Ubiquiti Dream Machine Pro + MikroTek CRS305-1G-4S+IN
- Köpes RTX 5090 Astral köpes!
- Säljes PowerColor Radeon RX 7900 XTX 24GB Hellhound White
- Köpes RTX Vision eller liknande
- Säljes Gigabyte GeForce RTX 4070 WINDFORCE OC
- Säljes Datorkomponenter
- Säljes NCASE M2 Grater (Meshpaneler + glaspanel)
- Iphone 17-familjen fastnar på bild58
- Jobben som påverkas mest och minst av AI46
- Testpilot: MSI Katana 15 HX – prispressad gaming med kompromisser1
- Veckans fråga: Hur gammal är din processor?109
- Tangentbord med Matter styr smarta hemmet16
- Netgears nya Wifi 7-meshsystem betydligt billigare13
- Rykte: Geforce RTX 5000 Super-serien släpps till jul58
- Ayaneo gör som GPD – nytt flaggskepp med Ryzen AI Max+ 39518
- Zalman släpper jetmotor-inspirerad kylare29
- Morrowind förnyas med RTX-modd7
Externa nyheter
Spelnyheter från FZ