diff --git a/simon-game/README.md b/simon-game/README.md new file mode 100644 index 0000000..03a139c --- /dev/null +++ b/simon-game/README.md @@ -0,0 +1,6 @@ +# Simon Game 🎮 + +A memory game made using HTML, CSS, Bootstrap5, JavaScript, and jQuery. + +## Demo +[Live Version](https://tr1120.github.io/SimonGame/) diff --git a/simon-game/index.html b/simon-game/index.html new file mode 100644 index 0000000..80ecd93 --- /dev/null +++ b/simon-game/index.html @@ -0,0 +1,42 @@ + + + + + + Simon + + + + + +

Press A Key to Start

+
+
+ +
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+
+

HighScore: 0

+ + + + + + diff --git a/simon-game/index.js b/simon-game/index.js new file mode 100644 index 0000000..66a21c0 --- /dev/null +++ b/simon-game/index.js @@ -0,0 +1,92 @@ +var gamePattern = []; +var userClickedPattern= []; +var highScore=0; +var buttonColours =["red", "blue", "green", "yellow"]; + +var started= false; +var level=0; + +$(document).keydown(function(){ + if(!started){ + $("#level-title").text("Level " + level); + nextSequence(); + started=true; + } +}); + +$(".btn").click(function (){ + + var userChosenColour= $(this).attr("id"); + userClickedPattern.push(userChosenColour); + + playSound(userChosenColour); + animatePress(userChosenColour); + checkAnswer(userClickedPattern.length-1); +}); + +function checkAnswer(currentLevel){ + + if (gamePattern[currentLevel] === userClickedPattern[currentLevel]){ + if(userClickedPattern.length=== gamePattern.length){ + setTimeout(function () { + nextSequence(); + }, 1000); + if(highScore