Fix image loading in RPS V4.

devintaing · devintaing · commit 2077bf199c3e · 2025-01-09T14:28:44.000-08:00
diff --git a/learning/scripts/rps-v4.js b/learning/scripts/rps-v4.js
@@ -94,7 +94,7 @@ function playGame(playerMove) {
     .innerHTML = `${result}`;
   
   document.querySelector('.js-moves')
-    .innerHTML = `<img src="images/${playerMove}-emoji.png" class="move-icon"> vs. <img src="images/${computerMove}-emoji.png" class="move-icon">`;
+    .innerHTML = `<img src="images/${playerMove.toLowerCase()}-emoji.png" class="move-icon"> vs. <img src="images/${computerMove.toLowerCase()}-emoji.png" class="move-icon">`;
 
   updateScoreElement();
 }

Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@ function playGame(playerMove) {`
`94`	`94`	.innerHTML = `${result}`;
`95`	`95`
`96`	`96`	`document.querySelector('.js-moves')`
`97`		- .innerHTML = `<img src="images/${playerMove}-emoji.png" class="move-icon"> vs. <img src="images/${computerMove}-emoji.png" class="move-icon">`;
	`97`	+ .innerHTML = `<img src="images/${playerMove.toLowerCase()}-emoji.png" class="move-icon"> vs. <img src="images/${computerMove.toLowerCase()}-emoji.png" class="move-icon">`;
`98`	`98`
`99`	`99`	`updateScoreElement();`
`100`	`100`	`}`