From 0a1176ea920c7a5ea1a7585cb422c7838305a072 Mon Sep 17 00:00:00 2001 From: Joshua Perry <45966243+jpez-development@users.noreply.github.com> Date: Sun, 29 May 2022 13:32:40 +0100 Subject: [PATCH] formatted scoreboard --- scripts/launch.js | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/scripts/launch.js b/scripts/launch.js index 8b9b036..1ab41aa 100644 --- a/scripts/launch.js +++ b/scripts/launch.js @@ -19,6 +19,9 @@ function load() { /*Starts game functionality*/ function startGame() { + if (document.body.contains(document.getElementById("scoreBoard"))) { + document.getElementById("scoreBoard").remove(); + } document.getElementById("player").className = "character"; lives = 3; showDisplay("block"); @@ -55,6 +58,8 @@ function endGame() { showDisplay("none"); button.style.display = "block"; text.style.display = "block"; + setScore(); + scoreBoard(); } function setScore() { @@ -75,6 +80,7 @@ function getScores() { function scoreBoard() { var board = document.createElement("table"); var scores = getScores(); + scores.sort(twoDimensionalSort); for (let i in scores) { var row = document.createElement("tr"); var col1 = document.createElement("td"); @@ -85,7 +91,21 @@ function scoreBoard() { row.appendChild(col2); board.appendChild(row); } + board.id = "scoreBoard"; + board.style.marginTop = "250px"; + board.style.marginLeft = "auto"; + board.style.marginRight = "auto"; + board.style.display = "table"; document.body.appendChild(board); } +function twoDimensionalSort(a, b) { + if (a[0] === b[0]) { + return 0; + } + else { + return (a[0] > b[0]) ? -1 : 1; + } +} + document.addEventListener("DOMContentLoaded", load);