Skip to content

Commit

Permalink
added a label wise difficulty
Browse files Browse the repository at this point in the history
  • Loading branch information
@hackeramitkumar
hackeramitkumar committed Oct 1, 2022
1 parent d57737a commit cb0462b
Show file tree
Hide file tree
Showing 3 changed files with 244 additions and 3 deletions.
11 changes: 10 additions & 1 deletion CONTRIBUTORS.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,17 @@
</a>
<br />
</td>
<td align="center">
<a href="https://github.com/hackeramitkumar">
<img src="https://avatars.githubusercontent.com/hackeramitkumar" width="100px;" alt="Amit Kumar"/>
<br />
<sub>
<b>Amit Kumar</b>
</sub>
</a>
<br />
</td>
</tr>


</table>

214 changes: 213 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
<title>memory game</title>
</head>
<body>

<script src="index.js" defer></script>
<header>
<img src="images/logo.jpg" height="50px" width="50px" alt="logo">
Expand All @@ -16,7 +17,7 @@ <h1>memory game</h1>
</header>
<h3 style="text-align:center">Best time:<span id="best--timer">-</span></h3>
<h3 style="text-align:center">time:<span id="timer">0</span></h3>
<section class="memory-game">
<section id="easy" class="memory-game" >
<div class="memory-card" data-character="inosuke">
<img class="front-face" src="images/inosuke.png" alt="inosuke" />
<img class="back-face" src="images/cover.png" alt="card cover" />
Expand Down Expand Up @@ -67,5 +68,216 @@ <h3 style="text-align:center">time:<span id="timer">0</span></h3>
</div>

</section>


<section id="medium" class="memory-game">
<div class="memory-card" data-character="inosuke">
<img class="front-face" src="images/inosuke.png" alt="inosuke" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="nezuko">
<img class="front-face" src="images/nezuko.png" alt="nezuko" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="rengoku">
<img class="front-face" src="images/rengoku.png" alt="rengoku" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="mask">
<img class="front-face" src="images/mask.png" alt="mask" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="tanjiro">
<img class="front-face" src="images/tanjiro.png" alt="tanjiro" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="zenitsu">
<img class="front-face" src="images/zenitsu.png" alt="zenitsu" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="inosuke">
<img class="front-face" src="images/inosuke.png" alt="inosuke" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="inosuke">
<img class="front-face" src="images/inosuke.png" alt="inosuke" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="inosuke">
<img class="front-face" src="images/inosuke.png" alt="inosuke" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="nezuko">
<img class="front-face" src="images/nezuko.png" alt="nezuko" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="rengoku">
<img class="front-face" src="images/rengoku.png" alt="rengoku" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="zenitsu">
<img class="front-face" src="images/zenitsu.png" alt="zenitsu" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="mask">
<img class="front-face" src="images/mask.png" alt="mask" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="tanjiro">
<img class="front-face" src="images/tanjiro.png" alt="tanjiro" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>

<div class="memory-card" data-character="mask">
<img class="front-face" src="images/mask.png" alt="mask" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>

<div class="memory-card" data-character="mask">
<img class="front-face" src="images/mask.png" alt="mask" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="tanjiro">
<img class="front-face" src="images/tanjiro.png" alt="tanjiro" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="zenitsu">
<img class="front-face" src="images/zenitsu.png" alt="zenitsu" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>

<div class="memory-card" data-character="tanjiro">
<img class="front-face" src="images/tanjiro.png" alt="tanjiro" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="zenitsu">
<img class="front-face" src="images/zenitsu.png" alt="zenitsu" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
</section>


<section id="hard" class="memory-game" >
<div class="memory-card" data-character="inosuke">
<img class="front-face" src="images/inosuke.png" alt="inosuke" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="nezuko">
<img class="front-face" src="images/nezuko.png" alt="nezuko" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="rengoku">
<img class="front-face" src="images/rengoku.png" alt="rengoku" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="inosuke">
<img class="front-face" src="images/inosuke.png" alt="inosuke" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="nezuko">
<img class="front-face" src="images/nezuko.png" alt="nezuko" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>


<div class="memory-card" data-character="zenitsu">
<img class="front-face" src="images/zenitsu.png" alt="zenitsu" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="inosuke">
<img class="front-face" src="images/inosuke.png" alt="inosuke" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="inosuke">
<img class="front-face" src="images/inosuke.png" alt="inosuke" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="nezuko">
<img class="front-face" src="images/nezuko.png" alt="nezuko" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="mask">
<img class="front-face" src="images/mask.png" alt="mask" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="tanjiro">
<img class="front-face" src="images/tanjiro.png" alt="tanjiro" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>

<div class="memory-card" data-character="nezuko">
<img class="front-face" src="images/nezuko.png" alt="nezuko" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>

<div class="memory-card" data-character="tanjiro">
<img class="front-face" src="images/tanjiro.png" alt="tanjiro" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="zenitsu">
<img class="front-face" src="images/zenitsu.png" alt="zenitsu" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="inosuke">
<img class="front-face" src="images/inosuke.png" alt="inosuke" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="nezuko">
<img class="front-face" src="images/nezuko.png" alt="nezuko" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="rengoku">
<img class="front-face" src="images/rengoku.png" alt="rengoku" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="mask">
<img class="front-face" src="images/mask.png" alt="mask" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="tanjiro">
<img class="front-face" src="images/tanjiro.png" alt="tanjiro" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="rengoku">
<img class="front-face" src="images/rengoku.png" alt="rengoku" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="mask">
<img class="front-face" src="images/mask.png" alt="mask" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="zenitsu">
<img class="front-face" src="images/zenitsu.png" alt="zenitsu" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="inosuke">
<img class="front-face" src="images/inosuke.png" alt="inosuke" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>

<div class="memory-card" data-character="mask">
<img class="front-face" src="images/mask.png" alt="mask" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="tanjiro">
<img class="front-face" src="images/tanjiro.png" alt="tanjiro" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="zenitsu">
<img class="front-face" src="images/zenitsu.png" alt="zenitsu" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>

<div class="memory-card" data-character="nezuko">
<img class="front-face" src="images/nezuko.png" alt="nezuko" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>
<div class="memory-card" data-character="rengoku">
<img class="front-face" src="images/rengoku.png" alt="rengoku" />
<img class="back-face" src="images/cover.png" alt="card cover" />
</div>

</section>

</body>
</html>
22 changes: 21 additions & 1 deletion index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,26 @@ let bestScore = localStorage.getItem("memory-game-best-score");
//initialise with the best score
bestTimer.innerHTML = "<b>" + (bestScore == null ? "-" : bestScore) + "</b>";
let counter = 0;
<<<<<<< HEAD
=======

var level = prompt("Enter the difficulty lable of your game : ");
var req_score = 0;
if(level === "easy"){
document.getElementById("hard").style.display = "none";
document.getElementById("medium").style.display = "none";
req_score = (4*3)/2;
}else if(level === "hard"){
document.getElementById("easy").style.display = "none";
document.getElementById("medium").style.display = "none";
req_score = (4*5)/2;
}else{
document.getElementById("easy").style.display = "none";
document.getElementById("hard").style.display = "none";
req_score = (4*7)/2;
}

>>>>>>> added a label wise difficulty
//increasing the counter

const interval = setInterval(function(){
Expand All @@ -32,7 +52,7 @@ function checkForMatch(){
flippedCards[1].removeEventListener('click',flipCard)

matched++;
if(matched===6)
if(matched===req_score)
{
alert("hurrah! you did it")
//print the updated best score on the page
Expand Down

0 comments on commit cb0462b

Please sign in to comment.