feat: update dishes id

js/nixongame.js

@@ -128,13 +128,13 @@ var answers = [
     'ham',
     'hotdog',
     'applepie',
-    'frychicken',
+    'friedchicken',
-    'jiangbing',
+    'pancakes',
     'ham',
     'hotdog',
     'applepie',
-    'frychicken',
+    'friedchicken',
-    'jianbing'
+    'pancakes'
 ]
 
 var QAlist = Array.from(Array(questions.length).keys());

nixongame.html

@@ -72,25 +72,25 @@
       </div>
 
       <!-- foods elements -->
-      <div id="champagne" class="dish">
+      <div id="burger" class="dish">
         <img src="asset/pic/nixon/burger.png" alt="burger"
-          onclick="handleClick('cham');">
+          onclick="handleClick('hamburger');">
       </div>
       <div id="cheese" class="dish">
         <img src="asset/pic/nixon/hot_dog.png" alt="hot_dog"
-          onclick="handleClick('cheese');">
+          onclick="handleClick('hotdog');">
       </div>
-      <div id="crepe" class="dish">
+      <div id="apple_pie" class="dish">
         <img src="asset/pic/nixon/apple_pie.png" alt="apple_pie"
           onclick="handleClick('crepe');">
       </div>
-      <div id="foie-gras" class="dish">
+      <div id="fried_chicken" class="dish">
         <img src="asset/pic/nixon/fried_chicken.png" alt="fried_chicken"
-          onclick="handleClick('foiegras');">
+          onclick="handleClick('friedchicken');">
       </div>
-      <div id="onion-soup" class="dish">
+      <div id="pancake" class="dish">
         <img src="asset/pic/nixon/pancakes.png" alt="pancakes"
-          onclick="handleClick('onionsoup');">
+          onclick="handleClick('pancakes');">
       </div>
     </div>