tmn/JS-Game
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

changed code -> Highscore with cookies implemented, am done

Browse Source 
changed index -> minor navbar tweaks
changed style -> minor tweaks
This commit is contained in:
ElGurkus 2020-11-06 10:42:32 +01:00
parent 8941a5c535
commit cab3bad62e
3 changed files with 41 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
code.js
View File

@ -25,11 +25,27 @@ let scoreO = 0;
let scoreCounterO = 100; let scoreCounterO = 100;
let gameOver = false; let gameOver = false;
let winner; let winner;
let highScore;
let allowHSCookies;
let saveChoiceCookie;
let somethingIsSelected = false; let somethingIsSelected = false;
document.getElementById("scoreCounter").innerText = "Score counter: 100"; document.getElementById("scoreCounter").innerText = "Score counter: 100";
document.getElementById("scoreX").innerText = "Score X: 0"; document.getElementById("scoreX").innerText = "Score X: 0";
document.getElementById("scoreO").innerText = "Score O: 0"; document.getElementById("scoreO").innerText = "Score O: 0";
if(getCookie("saveChoiceAllowed") !== "true") {
allowHSCookies = confirm("Do you allow the use of Cookies to store the local Highscore? \nNote, that existing Cookies will not be deleted");
saveChoiceCookie = confirm("Do you allow a Cookie to save that answer?");
if (saveChoiceCookie) {
document.cookie = "cookiesAllowed=" + allowHSCookies + "; expires=Thu, 5 Dec 2030 12:00:00 UTC";
document.cookie = "saveChoiceAllowed=" + saveChoiceCookie + "; expires=Thu, 5 Dec 2030 12:00:00 UTC";
}
}
allowHSCookies = getCookie("cookiesAllowed");
if(allowHSCookies){
highScore = getCookie("highScore");
}
document.getElementById("highScore").innerText = "Highscore: " + highScore;
for(let i = 0; i < 64; i++){ for(let i = 0; i < 64; i++){
fieldId = i.toString(); fieldId = i.toString();
document.getElementById("field"+fieldId).selected = 0; //Sorgt dafür dass alle Felder die selected variable haben und diese 0 ist document.getElementById("field"+fieldId).selected = 0; //Sorgt dafür dass alle Felder die selected variable haben und diese 0 ist
@ -429,6 +445,13 @@ function checkWinCondition(){
document.getElementById("field"+fieldId).style.backgroundColor = "rgb(33,157,35, 0.3)" document.getElementById("field"+fieldId).style.backgroundColor = "rgb(33,157,35, 0.3)"
} }
} }
if(allowHSCookies && parseInt(highScore) < scoreX){
document.cookie = "highScore=" + scoreX + "; expires=Thu, 5 Dec 2030 12:00:00 UTC";
} else if(allowHSCookies && parseInt(highScore) < scoreO){
document.cookie = "highScore=" + scoreO + "; expires=Thu, 5 Dec 2030 12:00:00 UTC";
}
highScore = getCookie("highScore");
document.getElementById("highScore").innerText = "Highscore: " + highScore;
} }
} }
function score (field){ function score (field){
@ -457,3 +480,18 @@ function score (field){
document.getElementById("scoreO").innerText = "Score O: " + scoreO; document.getElementById("scoreO").innerText = "Score O: " + scoreO;
document.getElementById("scoreX").innerText = "Score X: " + scoreX; document.getElementById("scoreX").innerText = "Score X: " + scoreX;
} }
function getCookie(cname) {
let name = cname + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
for(let i = 0; i <ca.length; i++) {
let c = ca[i];
while (c.charAt(0) === ' ') {
c = c.substring(1);
}
if (c.indexOf(name) === 0) {
return c.substring(name.length, c.length);
}
}
return "";
}

4
index.html
View File

@ -7,15 +7,13 @@
</head> </head>
<body> <body>
<ul> <ul>
<li><a class="active" href="#index">Play</a></li> <li id = highScore>yeet</li>
<li><a href="#HighScore">HighScore</a></li>
<li id="turnTotal">yeet</li> <li id="turnTotal">yeet</li>
<li id="turnPlayer">yeet</li> <li id="turnPlayer">yeet</li>
<li id="scoreCounter">yeet</li> <li id="scoreCounter">yeet</li>
<li id="scoreX">yeet</li> <li id="scoreX">yeet</li>
<li id="scoreO">yeet</li> <li id="scoreO">yeet</li>
<li><a href="index.html">Reset</a></li> <li><a href="index.html">Reset</a></li>
<li style="float:right"><a href="#Nickname">Nickname</a></li>
</ul> </ul>
<table id="gameTable" class="game"> <table id="gameTable" class="game">
<tr id="row0" class="game rows"> <tr id="row0" class="game rows">

4
style.css
View File

@ -5,7 +5,7 @@ ul {
overflow: hidden; overflow: hidden;
background-color: #333; background-color: #333;
height: auto; height: auto;
width: 1000px; min-width: 600px;
position: absolute; position: absolute;
top: 5%; top: 5%;
} }
@ -19,7 +19,7 @@ li:last-child {
border-right: none; border-right: none;
} }
li a, #turnTotal, #turnPlayer, #scoreCounter, #scoreO, #scoreX { li a, #turnTotal, #turnPlayer, #scoreCounter, #scoreO, #scoreX, #highScore {
display: block; display: block;
color: white; color: white;
text-align: center; text-align: center;