florian-schmid/CpuHigherLower
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix naming

Browse Source
This commit is contained in:
Florian Schmid 2023-04-12 20:12:22 +02:00
parent fc76ba9ecf
commit 53827029a4
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
game.html
View File

@ -41,7 +41,7 @@
<div class="row">
<div class="col-12 text-center">
<div class="h2">Current Score: <span id="score" style="color: violet;">0</span></div>
<div class="h4">Personal Highscore: <span id="highscore" style="color: violet;">0</span></div>
<div class="h4">Personal Highscore: <span id="highScore" style="color: crimson;">0</span></div>
</div>
</div>
<div class="row mt-3">

19
game.js
View File

@ -6,13 +6,13 @@ var nextCpu;
// current user score
var score;
var highscore;
var highScore;
function setHighscore(score) {
const currHighscore = localStorage.getItem("highscore_cpu")
if (currHighscore < score) {
localStorage.setItem("highscore_cpu", score)
highscore = score
function setHighScore(score) {
const currHighScore = localStorage.getItem("highScore_cpu")
if (currHighScore < score) {
localStorage.setItem("highScore_cpu", score)
highScore = score
}
}
@ -24,7 +24,7 @@ export async function main() {
currentCpu = getRandomCpu();
nextCpu = getRandomCpu();
score = 0;
highscore = localStorage.getItem("highscore_cpu") ?? 0
highScore = localStorage.getItem("highScore_cpu") ?? 0
updateLayout();
}
@ -50,7 +50,7 @@ function showResult(isCorrect) {
document.getElementById("col2").style.backgroundColor = isCorrect ? "lightgreen" : "#FF4444";
if (!isCorrect) {
setHighscore(score)
setHighScore(score)
}
score = isCorrect ? score + 1 : 0;
if (score > highScore) {
@ -64,7 +64,8 @@ function showResult(isCorrect) {
// updates view based on the cpu objects
function updateLayout() {
document.getElementById("highscore").innerText = highscore;
document.getElementById("highScore").innerText = highScore;
document.getElementById("currentCpuTitle").innerText = currentCpu.name;
// add "." to large numbers
document.getElementById("currentCpuScore").innerText = new Intl.NumberFormat().format(currentCpu.score)