keep working on html

src/assets/html/main-menu.html

@@ -50,18 +50,7 @@
     z-index: -1;
   }
   input[type="checkbox"]:checked + .toggle { background-position: 0 -16px }
-  .forgot {
-    color: #7f7f7f;
-    display: inline-block;
-    float: right;
-    font: 12px/1 sans-serif;
-    left: -19px;
-    position: relative;
-    text-decoration: none;
-    top: 5px;
-    transition: color .4s;
-  }
-  .forgot:hover { color: #3b3b3b }
+
   input[type="button"] {
     width:240px;
     height:35px;
@@ -127,7 +116,7 @@
     top:3px;
     box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #31524d, 0px 5px 3px #999;
   }
-  p {
+  .connection {
     font-family:Arial, "Helvetica", sans-serif;
     font-size:14px;
     color: #37a69b;
@@ -138,7 +127,7 @@
   <div class="login">
       <input type="text" placeholder="Username" id="username" name="username">
       <input type="button" value="Connect" name="loginButton">
-      <p class="connection">Not Connected</a>
+      <p class="connection" name="connectionStatus">Not Connected</a>
       <input type="button" value="Online Game" name="onlineGame" disabled>
       <input type="button" value="Local game" name="localGame">
   </div>

src/menu/control/menu-controller.js

@@ -14,9 +14,9 @@ export default class MenuController {
 
     this.mainMenuScene = new MainMenuScene(this.menuEventListener());
 
-    this.socketService = new SocketService();
-    this.socketService.connect('http://localhost', 4000);
-    this.socketService.auth('jojo');
+    //this.socketService = new SocketService();
+    //this.socketService.connect('http://localhost', 4000);
+    //this.socketService.auth('jojo');
   }
 
   displayMainMenu() {

src/menu/views/main-menu-scene.js

@@ -15,25 +15,38 @@ export default class MainMenuScene extends Phaser.Scene {
   preload() {
     console.log('Preload');
     this.load.image('game-cover', '../../assets/twelveHeroes_cover.png');
+    console.log("load main-menu.html");
     this.load.html('main-menu', '../../assets/html/main-menu.html');
   }
 
   create() {
     console.log('create');
-    let background = this.add.image(0,0,'game-cover');
-    background.setOrigin(0,0);
+    let background = this.add.image(400,300,'game-cover');
+    //background.setOrigin(0,0);
 
     let element = this.add.dom(400, 600).createFromCache('main-menu');
 
-    element.setPerspective(800);
+    console.log(element);
+    //element.setPerspective(800);
 
     element.addListener('click');
 
     element.on('click', function (event) {
-      let eventName = event.targer.name;
+      let eventName = event.target.name;
 
       switch (eventName) {
-        case value:
+        case "loginButton":
+          username=this.getChildByName('username');
+          connectionStatus=this.getChildByName('connectionStatus');
+          onlineGame=this.getChildByName('onlineGame');
+
+          console.log(connectionStatus.value);
+          console.log(onlineGame);
+          break;
+        case "onlineGame":
+
+          break;
+        case "localGame":
 
           break;