p2-autorenderle/header.js at master · JaioCG/p2-autorenderle · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
function hideDiv(divName){
    document.getElementById(divName).style.visibility = 'hidden';
    document.getElementById(divName + '-x-button').style.display = 'none';
    document.getElementById(divName + '-shadow').style.display = 'none';
}

function showDiv(divName) {
    document.getElementById(divName).style.visibility = 'visible';
    document.getElementById(divName + '-x-button').style.display = 'block';
    document.getElementById(divName + '-shadow').style.display = 'block';

    if(divName == 'stats-popup') {
        setStats();
    }
}

function setStats() {
    // Load in stats from localStorage
    let defaultStats = {
        'Rounds Played': 0,
        'Rounds Won': 0,
        'Win %': 0,
        'Current Streak': 0,
        'Maximum Streak': 0,
        'Total Time': 0,
        'Average Time': 0
    }
    let playerStatsImport = localStorage.getItem('playerStats');
    let playerStats = playerStatsImport ? JSON.parse(playerStatsImport) : defaultStats;

    // Display stats
    document.getElementById('stats-played').innerHTML = `Rounds Played: ${playerStats['Rounds Played']}`;
    document.getElementById('stats-won').innerHTML = `Rounds Won: ${playerStats['Rounds Won']}`;
    document.getElementById('stats-percentage').innerHTML = `Win %: ${playerStats['Win %']}%`;
    document.getElementById('stats-streak').innerHTML = `Current Streak: ${playerStats['Current Streak']}`;
    document.getElementById('stats-max-streak').innerHTML = `Maximum Streak: ${playerStats['Maximum Streak']}`;
    document.getElementById('stats-avg-time').innerHTML = `Average Time: ${playerStats['Average Time']} seconds`;
}