Started adding client functions

client/index.html

@@ -1,5 +1,6 @@
 <header class="header-banner">
     <link rel="stylesheet" type="text/css" href="index.css">
+    <script src="index.js"></script>
     <div class="container-width">
       <div class="logo-container">
       </div>
@@ -12,20 +13,20 @@
     </div>
   </header>
   <footer class="footer-under">
-    <form method="post" action="localhost:3001/lobby/register" class="form register">
+    <form class="form register">
       <div class="form-group">
         <label class="label">Name</label>
-        <input placeholder="Type here your name" class="input"/>
+        <input placeholder="Type here your name" class="input" id="registerName"/>
       </div>
       <div class="form-group">
       </div>
       <div class="form-group">
       </div>
       <div class="form-group">
-        <button type="submit" class="button">Register</button>
+        <button type="button" class="button" onclick="register()">Register</button>
       </div>
     </form>
-    <form method="post" action="http://localhost:3001/make" class="form">
+    <form class="form">
       <div class="form-group">
       </div>
       <div class="form-group">
@@ -35,12 +36,12 @@
       </div>
       <div class="form-group">
       </div>
-      <input type="number" class="input"/>
+      <input type="number" class="input" id="seatsSelector"/>
       <div class="form-group">
-        <button type="submit" class="button">Send</button>
+        <button type="button" class="button" onclick="make()">Send</button>
       </div>
     </form>
-    <form method="post" action="http://localhost:3001/lobby/join" class="form game-list">
+    <form class="form game-list">
       <div class="form-group">
         <label class="label">Game List<br/></label>
       </div>
@@ -49,10 +50,10 @@
       <div class="form-group">
       </div>
       <div class="form-group jsme">
-        <button type="submit" class="button">Name</button>
+        <button type="button" class="button" onclick="join()">Name</button>
       </div>
     </form>
-    <form method="post" action="http://localhost:3001/lobby/join" class="form game-list">
+    <form class="form game-list">
       <div class="form-group">
         <label class="label">Lobby<br draggable="true" id="il3dmw-2-2"/></label>
       </div>
@@ -69,7 +70,7 @@
         <div class="cell" id="in2itk">
         </div>
         <div class="cell" id="ibmekl">
-          <button type="submit" class="button">Start</button>
+          <button type="button" class="button" onclick="start()">Start</button>
         </div>
       </div>
     </form>

client/index.js

@@ -1,3 +1,12 @@
-fetch().then(result => {
-    console.log("Do the thing")
-})
+
+function register(){
+    console.log("join")
+}
+
+function make(){
+    console.log("join")
+}
+
+function join(){
+    console.log("join")
+}