Fix missing images issue Aatmaj-Zephyr#81

jma26 · Oct 12, 2022 · d7c3c4f · d7c3c4f
1 parent bc0cd00
commit d7c3c4f
Show file tree

Hide file tree

Showing 19 changed files with 22 additions and 22 deletions.
diff --git a/MemoryGame.js b/MemoryGame.js
@@ -6,9 +6,9 @@ var turns = 0; //Number of turns taken.
 const Cards = []; //Array to store the Cards.
 //Setting the Cards.
 for (let j = 0; j < 8; j++) {
-  r = Math.floor(Math.random() * (90 - 64 + 1)) + 64; //Character set from unicode.
-  Cards.push(String.fromCharCode(r)); //Push twice.
-  Cards.push(String.fromCharCode(r));
+  randoNum = Math.floor(Math.random() * 17); // Random number from 1 to 16.
+  Cards.push(randoNum); //Push twice.
+  Cards.push(randoNum);
 }
 Cards.sort(() => 0.5 - Math.random()); //Random shuffling of Cards.
 Cards.push(Cards[0]); //Ignore the Card at 0th positon.
@@ -23,7 +23,7 @@ for (let f = 1; f <= 16; f++) {
 function Buttonclicked(a) {
   //Function to be executed once button is clicked.
   //a is the parameter which tells which button is clicked.
-  document.getElementById("button" + a).innerHTML = Cards[a]; //Flip the Card over.
+  document.getElementById("button" + a).src = `./images/${Cards[a]}.png`; // Flip the Card over
   document.getElementById("button" + a).disabled = "disabled"; //Disable clicking the same Card.
   document.getElementById("button" + a).style =
     "opacity: 0.7;cursor: not-allowed;color:Blue";
@@ -45,10 +45,10 @@ function checkscore(a) {
         "transition-duration: 0.8s;background-color:Tomato;color:White;";
       //If invalid, then set the background background-color Orange.
       window.setTimeout(function () {
-        document.getElementById("button" + a).innerHTML = "?";
+        document.getElementById("button" + a).src = `./images/question.png`;
         document.getElementById("button" + a).style = style;
         document.getElementById("button" + temp).style = style;
-        document.getElementById("button" + temp).innerHTML = "?";
+        document.getElementById("button" + temp).src = `./images/question.png`;
         document.getElementById("button" + temp).disabled = "";
         document.getElementById("button" + a).disabled = "";
       }, 1200);

diff --git a/images/1.png b/images/1.png
diff --git a/images/10.png b/images/10.png
diff --git a/images/11.png b/images/11.png
diff --git a/images/12.png b/images/12.png
diff --git a/images/13.png b/images/13.png
diff --git a/images/14.png b/images/14.png
diff --git a/images/15.png b/images/15.png
diff --git a/images/16.png b/images/16.png
diff --git a/images/2.png b/images/2.png
diff --git a/images/3.png b/images/3.png
diff --git a/images/4.png b/images/4.png
diff --git a/images/5.png b/images/5.png
diff --git a/images/6.png b/images/6.png
diff --git a/images/7.png b/images/7.png
diff --git a/images/8.png b/images/8.png
diff --git a/images/9.png b/images/9.png
diff --git a/images/question.png b/images/question.png
diff --git a/index.html b/index.html
@@ -35,99 +35,99 @@ <h1 class="h1">Memory game</h1>
 			<img 
 				id="button1" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(1)"
 			/>
 			<img 
 				id="button2" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(2)"
 			/>
 			<img 
 				id="button3" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(3)"
 			/>
 			<img 
 				id="button4" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(4)"
 			/>
 			<img 
 				id="button5" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(5)"
 			/>
 			<img 
 				id="button6" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(6)"
 			/>
 			<img 
 				id="button7" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(7)"
 			/>
 			<img 
 				id="button8" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(8)"
 			/>
 		</div>
 		<div class="row">
 			<img 
 				id="button9" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(9)"
 			/>
 			<img 
 				id="button10" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(10)"
 			/>
 			<img 
 				id="button11" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(11)"
 			/>
 			<img 
 				id="button12" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(12)"
 			/>
 			<img 
 				id="button13" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(13)"
 			/>
 			<img 
 				id="button14" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(14)"
 			/>
 			<img 
 				id="button15" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(15)"
 			/>
 			<img 
 				id="button16" 
 				class="button" 
-				src="/images/super-smash-bros/question.png"
+				src="./images/question.png"
 				onclick="Buttonclicked(16)"
 			/>
 		</div>