,olp[,olp[

 <html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>

<div class="srodek">
<input  type = "button" class="Button1" value = "Click" onclick="changeBackground(0)">
<input  type = "button" class="Button2" value = "Click" onclick="changeBackground(1)">
<input  type = "button" class="Button3" value = "Click" onclick="changeBackground(2)">
<input  type = "button" class="Button4" value = "Click" onclick="changeBackground(3)">
</div>

<div class="counter" id="srodek">
<span id=0>B:</span>
<span id=1>N:</span>
<span id=2>C:</span>
<span id=3>Z:</span>
</div>
<span id="liczniksesja">Licznik na sesji: 0</span>
<span id="licznik">Licznik : 0</span>
<div class="cookies">
<span>Akceptuj ciasteczka</span><input class="buttonik" type="button" value="Akceptuj" id="cookiesButton" onclick="acceptCookies()">
</div>
<script>
window.onload = function initialize(){
if(document.cookie == "" || document.cookie == "accepted=false"){
document.getElementsByClassName("cookies")[0].style.visibility = "visible"
}
document.getElementsByTagName("BODY")[0].style.backgroundColor = localStorage.getItem("BackgroundColor")
if(localStorage.getItem("BackgroundColor") == "saddlebrown"){
document.getElementsByTagName("BODY")[0].style.color = "aliceblue"}
if(localStorage.getItem("BackgroundColor") == "deepskyblue"){
document.getElementsByTagName("BODY")[0].style.color = "aliceblue"}
if(localStorage.getItem("BackgroundColor") == "indianred"){
document.getElementsByTagName("BODY")[0].style.color = "aliceblue"}
else{
document.getElementsByTagName("BODY")[0].style.color = "black"
}
if(localStorage.getItem("brownclick")==null){
localStorage.setItem("brownclick",0)
}
if(localStorage.getItem("blueclick")==null){
localStorage.setItem("blueclick",0)
}
if(localStorage.getItem("redclick")==null){
localStorage.setItem("redclick",0)
}
if(localStorage.getItem("greenclick")==null){
localStorage.setItem("greenclick",0)
}
updateCounter();
}
function acceptCookies(){
document.cookie = "accepted=true"
document.getElementsByClassName("cookies")[0].style.visibility = "collapse"
}

window.onload = function initialize(){
if(document.cookie == "" || document.cookie == "accepted=false"){
document.getElementsByClassName("cookies")[0].style.visibility = "visible"
}
document.getElementsByTagName("BODY")[0].style.backgroundColor = localStorage.getItem("BackgroundColor")
if(localStorage.getItem("BackgroundColor") == "saddlebrown"){
document.getElementsByTagName("BODY")[0].style.color = "aliceblue"}
if(localStorage.getItem("BackgroundColor") == "deepskyblue"){
document.getElementsByTagName("BODY")[0].style.color = "aliceblue"}
if(localStorage.getItem("BackgroundColor") == "indianred"){
document.getElementsByTagName("BODY")[0].style.color = "aliceblue"}
else{
document.getElementsByTagName("BODY")[0].style.color = "black"
}
if(localStorage.getItem("brownclick")==null){
localStorage.setItem("brownclick",0)
}
if(localStorage.getItem("blueclick")==null){
localStorage.setItem("blueclick",0)
}
if(localStorage.getItem("redclick")==null){
localStorage.setItem("redclick",0)
}
if(localStorage.getItem("greenclick")==null){
localStorage.setItem("greenclick",0)
}
updateCounter();
}


function acceptCookies(){
document.cookie = "accepted=true"
document.getElementsByClassName("cookies")[0].style.visibility = "collapse"
}
    var liczniksesja = 0;
document.addEventListener("click", function () {
    liczniksesja++;
    document.getElementById("liczniksesja").textContent = "Licznik na sesji: " + liczniksesja;
}, false);
    var licznik = 0;
    document.getElementById("licznik").textContent = "Licznik: " + (+localStorage.licznik || 0);
document.addEventListener("click", function () {

    localStorage.licznik = (+localStorage.licznik || 0) + 1;
    document.getElementById("licznik").textContent = "Licznik: " + localStorage.licznik;
}, false);
</script>
</body>
</html>