Leaderboard.js

class Leaderboard{

constructor(){}

getState(){

var gameStateref = database.ref('gameState')
gameStateref.on("value", function(data){

gameState = data.val()

} )

}

update(state){

database.ref('/').update({

gameState:state

})

}

async start(){
    if(gameState === 0){
      player = new Player();
      var playerCountRef = await database.ref('playerCount').once("value");
      if(playerCountRef.exists()){
        playerCount = playerCountRef.val();
        player.getCount();
      }
      fourm = new Fourm()
      fourm.display();
    }
  }

play(){
    fourm.hide();
    textSize(30);
    text("Game Start", 120, 100)
    Player.getPlayerInfo();

    if(allPlayers !== undefined){
      var display_position = 130;
      for(var plr in allPlayers){
        if (plr === "player" + player.index)
          fill("red")
        else
          fill("black");

        display_position+=20;
        textSize(15);
        text(allPlayers[plr].Name + ": " + allPlayers[plr].distance, 120,display_position)
      }
    }

    if(keyIsDown(UP_ARROW) && player.index !== null){
      player.distance +=50
      player.update();
    }
  }
}