mirror of
https://codeberg.org/JasterV/MEMORY-CARD-GAME.git
synced 2026-04-26 18:20:03 +00:00
🍴📍 Checkpoint
./script.js:18108127/1268:18108132/550:18108380/124 ./index.html:18108380/10 ./.glitch-assets:18108127/3570
This commit is contained in:
Glitch (hello-webpage)
parent
2b3025c5e6
commit
08358cb3e2
3 changed files with 53 additions and 12 deletions
|
|
@ -47,3 +47,33 @@
|
|||
{"name":"hearts-a.svg","date":"2020-07-29T21:17:30.138Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fhearts-a.svg","type":"image/svg+xml","size":2116,"imageWidth":97,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fhearts-a.svg","thumbnailWidth":97,"thumbnailHeight":150,"uuid":"zsnHxxq0O4OjsIFc"}
|
||||
{"name":"diamonds-9.svg","date":"2020-07-29T21:19:17.539Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fdiamonds-9.svg","type":"image/svg+xml","size":3312,"imageWidth":97,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fdiamonds-9.svg","thumbnailWidth":97,"thumbnailHeight":150,"uuid":"Mz0jxuYjHlQhmvA9"}
|
||||
{"name":"card-back.svg","date":"2020-07-29T21:50:07.981Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fcard-back.svg","type":"image/svg+xml","size":5152,"imageWidth":101,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fcard-back.svg","thumbnailWidth":101,"thumbnailHeight":150,"uuid":"JXjjFls9NHr5BM0N"}
|
||||
{"uuid":"HpGePV2dcuQIAVGn","deleted":true}
|
||||
{"uuid":"22qwl9zSdRPFArjI","deleted":true}
|
||||
{"uuid":"su5H39RwvHRcfJ4B","deleted":true}
|
||||
{"uuid":"6a84QY8AYsPzhmE8","deleted":true}
|
||||
{"uuid":"1UqkioiCQCPSV40b","deleted":true}
|
||||
{"uuid":"QDwVZy8DxZQfZxzX","deleted":true}
|
||||
{"uuid":"RVR25MQy7rbecUw2","deleted":true}
|
||||
{"uuid":"dxfLKz8fz9xSdjod","deleted":true}
|
||||
{"uuid":"KV6FzaykpenCG05d","deleted":true}
|
||||
{"uuid":"NvWdceQwQh68NZ91","deleted":true}
|
||||
{"uuid":"Fb3NVit1WbfPYzWh","deleted":true}
|
||||
{"uuid":"4sjqHPe7Ay5HH94R","deleted":true}
|
||||
{"uuid":"iRnRqW5HxC7hi83g","deleted":true}
|
||||
{"uuid":"A3cufKuNmCWfTpJg","deleted":true}
|
||||
{"uuid":"h5W6NGi6zACE7Upp","deleted":true}
|
||||
{"uuid":"KglErgwwn22sQe4E","deleted":true}
|
||||
{"uuid":"WViCCpLRpRvcUOD4","deleted":true}
|
||||
{"name":"clover-3.svg","date":"2020-07-30T07:53:05.744Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-3.svg","type":"image/svg+xml","size":4489,"imageWidth":97,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-3.svg","thumbnailWidth":97,"thumbnailHeight":150,"uuid":"Q8SG8rzXXrtYU8u2"}
|
||||
{"uuid":"lRFmeqAK0tR9jkQV","deleted":true}
|
||||
{"name":"diamonds-3.svg","date":"2020-07-30T07:53:07.942Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fdiamonds-3.svg","type":"image/svg+xml","size":3407,"imageWidth":97,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fdiamonds-3.svg","thumbnailWidth":97,"thumbnailHeight":150,"uuid":"PWc2bWdGD0xB3cgr"}
|
||||
{"uuid":"cgseKkYhiL54lanj","deleted":true}
|
||||
{"name":"clover-a.svg","date":"2020-07-30T07:53:09.614Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-a.svg","type":"image/svg+xml","size":2816,"imageWidth":97,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-a.svg","thumbnailWidth":97,"thumbnailHeight":150,"uuid":"XMYHvkbPVgkgwRob"}
|
||||
{"uuid":"lqAbgglOFXaFYSFk","deleted":true}
|
||||
{"name":"clover-9.svg","date":"2020-07-30T07:53:14.108Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-9.svg","type":"image/svg+xml","size":8769,"imageWidth":97,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-9.svg","thumbnailWidth":97,"thumbnailHeight":150,"uuid":"Zlvy223GaXeP6NTU"}
|
||||
{"uuid":"nebgPz01XJT1Gy2c","deleted":true}
|
||||
{"name":"clover-6.svg","date":"2020-07-30T07:53:16.714Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-6.svg","type":"image/svg+xml","size":7011,"imageWidth":97,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-6.svg","thumbnailWidth":97,"thumbnailHeight":150,"uuid":"B3vD0RLHcMbYFWjt"}
|
||||
{"uuid":"Mz0jxuYjHlQhmvA9","deleted":true}
|
||||
{"name":"diamonds-9.svg","date":"2020-07-30T07:53:22.722Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fdiamonds-9.svg","type":"image/svg+xml","size":6127,"imageWidth":97,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fdiamonds-9.svg","thumbnailWidth":97,"thumbnailHeight":150,"uuid":"9RJ6GsTTxWfEOANh"}
|
||||
{"uuid":"i8jFZMyUSj3o5AE2","deleted":true}
|
||||
{"name":"hearts-9.svg","date":"2020-07-30T07:53:26.413Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fhearts-9.svg","type":"image/svg+xml","size":7091,"imageWidth":97,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fhearts-9.svg","thumbnailWidth":97,"thumbnailHeight":150,"uuid":"WM2AYo3N82FWjigI"}
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
<h1>
|
||||
You loose! 😵
|
||||
</h1>
|
||||
<h3>You did <strong id="tries-span"></strong> tries in a row </h3>
|
||||
<h3>You did <strong id="tries-span"></strong> pairs in a row </h3>
|
||||
<button class="play-again-btn game-button">
|
||||
<i class="fas fa-undo-alt"></i>
|
||||
</button>
|
||||
|
|
|
|||
33
script.js
33
script.js
|
|
@ -7,12 +7,12 @@ let imgSrc = [
|
|||
{
|
||||
pairId: 1,
|
||||
src:
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-9.svg?v=1596057152201"
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-9.svg?v=1596095594108"
|
||||
},
|
||||
{
|
||||
pairId: 2,
|
||||
src:
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-3.svg?v=1596056909900"
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-3.svg?v=1596095585744"
|
||||
},
|
||||
{
|
||||
pairId: 3,
|
||||
|
|
@ -22,22 +22,22 @@ let imgSrc = [
|
|||
{
|
||||
pairId: 4,
|
||||
src:
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fhearts-9.svg?v=1596057343693"
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fhearts-9.svg?v=1596095606413"
|
||||
},
|
||||
{
|
||||
pairId: 5,
|
||||
src:
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fdiamonds-9.svg?v=1596057557539"
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fdiamonds-9.svg?v=1596095602722"
|
||||
},
|
||||
{
|
||||
pairId: 7,
|
||||
src:
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-6.svg?v=1596057225851"
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fclover-6.svg?v=1596095596714"
|
||||
},
|
||||
{
|
||||
pairId: 8,
|
||||
src:
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fdiamonds-3.svg?v=1596057401996"
|
||||
"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fdiamonds-3.svg?v=1596095587942"
|
||||
}
|
||||
];
|
||||
|
||||
|
|
@ -109,6 +109,8 @@ for (let btn of playAgainBtns){
|
|||
btn.addEventListener("click", (e) => {
|
||||
currentUser = "";
|
||||
discoveredCards = [];
|
||||
tries = 0;
|
||||
unFlipCards(imgDivArray);
|
||||
e.target.parentElement.classList.add("hide");
|
||||
chooseUserDiv.classList.remove("hide");
|
||||
document.getElementById("username").value = "";
|
||||
|
|
@ -169,6 +171,11 @@ function scoreBarController(barId) {
|
|||
}
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
setUserLost(username) {
|
||||
let userContainer = this.getUser(username);
|
||||
userContainer.lastElementChild.innerHTML = `You lost. <i class="fas fa-mouse-pointer"></i> ${tries} tries``"Game Lost! :(";
|
||||
}
|
||||
|
||||
};
|
||||
|
|
@ -224,19 +231,19 @@ function winGame(username) {
|
|||
|
||||
scoresController.setUserTime(username, totalSeconds);
|
||||
|
||||
tries = 0;
|
||||
|
||||
imgsGrid.classList.add("hide");
|
||||
congratsDiv.classList.remove("hide");
|
||||
}
|
||||
function looseGame(){
|
||||
|
||||
function looseGame(username){
|
||||
let triesSpan = document.getElementById("tries-span");
|
||||
let triesInARow = tries -1;
|
||||
|
||||
let triesInARow = tries - 1;
|
||||
scoresController.setUserLost(username);
|
||||
triesSpan.textContent = triesInARow;
|
||||
imgsGrid.classList.add("hide");
|
||||
looseDiv.classList.remove("hide");
|
||||
}
|
||||
|
||||
function areEqualCards(card1, card2) {
|
||||
return card1.getAttribute("data-pair") === card2.getAttribute("data-pair");
|
||||
}
|
||||
|
|
@ -253,6 +260,10 @@ function flipCards(cards) {
|
|||
cards.forEach(card => card.classList.add("flipped-cell"));
|
||||
}
|
||||
|
||||
function unFlipCards(cards) {
|
||||
cards.forEach(card => card.classList.remove("flipped-cell"));
|
||||
}
|
||||
|
||||
function createGridContentArray(imgs) {
|
||||
let doubled = doubleContent(imgSrc);
|
||||
return doubled.map(img => createImgDiv(img));
|
||||
|
|
|
|||
Loading…
Reference in a new issue