Basic score system

Author: codingJWilliams

html/game.html

@@ -33,16 +33,18 @@ <h1 class="win">
       <h1 class="win2" style="display: none">
       </h1>
       <center class="sboard" style="display: none">
-        <ul class="list-group" style="width: 30em">
-          <li class="list-group-item">
+        <ul class="list-group leaderboard" style="width: 30em">
+          <!--li class="list-group-item">
             Jay Williams - 39
-          </li>
+          </li-->
         </ul>
       </center>
     </center>
   </body>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script src="/socket.io/socket.io.js"></script>
+  <script src="bower_components/sweetalert2/dist/sweetalert2.min.js"></script>
+<link rel="stylesheet" type="text/css" href="bower_components/sweetalert2/dist/sweetalert2.min.css">
   <script>
     var bases = {
       lemon: "url('lemons-base.jpg')",
@@ -80,6 +82,37 @@ <h1 class="win2" style="display: none">
       $(".words").fadeOut()
       $(".win2").text("You scored " + rounds + " points.")
       $(".win2").fadeIn()
+      $(".sboard").fadeIn()
+      swal({
+        title: 'What\'s your name?',
+        input: 'text',
+        showCancelButton: true,
+        confirmButtonText: 'Submit',
+        showLoaderOnConfirm: true,
+        allowOutsideClick: false
+      }).then(function (name) {
+        $.ajax({
+          url: '/add-score/',
+          type: 'post',
+          data: {
+              access_token: 'XXXXXXXXXXXXXXXXXXX'
+          },
+          headers: {
+              "XName": name,
+              "XScore": rounds
+          },
+          dataType: 'json',
+          success: function (data) {
+              console.info(data);
+          }
+        });
+      })
+      $.get("/get-score/", function (d) {
+        var arr = JSON.parse(d);
+        for (var i = 0; i < arr.length ; i++) {
+          $(".leaderboard").append("<li class='list-group-item'> " + arr[i].name + " - " + arr[i].score + " </li>")
+        }
+      })
       document.onkeyup = function () {};
     }, 6000)
 

index.js

@@ -16,8 +16,8 @@ function saveLeaderboard(data){
 function getTopLeaderboard(callback1){
   getLeaderboard(function (data) {
     callback1(data.sort(function (a, b) {
-      if (a.score < b.score) { return -1; };
-      if (a.score > b.score) { return 1; };
+      if (a.score > b.score) { return -1; };
+      if (a.score < b.score) { return 1; };
       return 0; }).slice(0, 20)
     )
   }

storage/leaderboard.json

@@ -1 +1 @@
-[{"name":"Jay","score":39},{"name":"Jay","score":5},{"name":"Jay","score":7},{"name":"Jay","score":7},{"name":"Jay","score":10},{"name":"Jay","score":12},{"name": "Jay", "score": 23},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12},{"name":"Jay","score":12}]
+[]