Translate to English

index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
-    <title>Játék</title>
+    <title>Avoid | Game</title>
 
     <meta name="theme-color" content="#A5402D" />
     <link
@@ -19,17 +19,18 @@
     <div id="menuBox">
       <div class="box">
         <div id="startText">
-          <h1>Kerüld ki</h1>
+          <h1>Avoid</h1>
           <p>
-            a piros köröket a kurzorod (telefonon az ujjad) mozgatásával. Sok
-            sikert hozzá!
+            the red balls by moving your cursor (or finger) on the screen. Try
+            eliminating the enemy balls by getting them to collide with each
+            other. Good luck!
           </p>
         </div>
         <div id="endText">
-          <h1>Játék vége</h1>
+          <h1>You lost :(</h1>
           <p id="endScore"></p>
         </div>
-        <button id="startButton">Indítás</button>
+        <button id="startButton">Let's start</button>
       </div>
     </div>
 

js/main.js

@@ -71,7 +71,7 @@ class Game {
         new Circle(
           [
             Math.random() > 0.5 ? -10 : 1.05 * canvasHandler.width,
-            Math.random() * canvasHandler.height
+            Math.random() * canvasHandler.height,
           ],
           "#F15156",
           canvasHandler.unitToPx(0.0001),
@@ -108,7 +108,7 @@ class Game {
   }
   showEndScreen() {
     document.getElementById("endText").style.display = "block";
-    document.getElementById("endScore").innerHTML = `Pontszámod: ${this.score}`;
+    document.getElementById("endScore").innerHTML = `Your score: ${this.score}`;
     this.menuBox.display = "flex";
     this.isActive = false;
   }