+control pakai tanda panah

GameLogic.js

@@ -286,10 +286,12 @@
         if (Ular.cells.length > Ular.maxCells) Ular.cells.pop();
       }
 
-      //input keyboard buat jalan
+      //input keyboard
       function InputKeyboard() {
         document.addEventListener("keydown", function (e) {
           if (!GameStart) return;
+
+          // jalan buat ular
           if (
             ArahUlar == 0 &&
             ((e.code == "KeyA" && Ular.dx === 0) ||
@@ -306,7 +308,24 @@
             ArahUlar = 1;
             Ular.dy = e.code == "KeyW" ? -grid : grid;
             Ular.dx = 0;
+          } else if (
+            ArahUlar == 0 &&
+            ((e.code === "ArrowUp" && Ular.dy === 0) ||
+              (e.code == "ArrowDown" && Ular.dy === 0))
+          ) {
+            ArahUlar = 1;
+            Ular.dy = e.code == "ArrowUp" ? -grid : grid;
+            Ular.dx = 0;
+          } else if (
+            ArahUlar == 0 &&
+            ((e.code === "ArrowLeft" && Ular.dx === 0) ||
+              (e.code == "ArrowRight" && Ular.dx === 0))
+          ) {
+            ArahUlar = 1;
+            Ular.dx = e.code == "ArrowLeft" ? -grid : grid;
+            Ular.dy = 0;
           } 
+
           if (e.code === "KeyE" || e.code == "KeyQ")
             speed =
               e.code == "KeyE" && speed > 4

game.html

@@ -33,7 +33,7 @@
         </div>
       </div>
       <div>
-        <div class="text">Controls: <br />Movement: W A S D <br /><br /></div>
+        <!-- <div class="text">Controls: <br />Movement: W A S D <br /><br /></div> -->
         <div id="text" class="text"></div>
       </div>
     </div>