Javascrip témakörök Adattárolás témakörei

localStorage számláló 240

 

localStorage objektumnál, nincs lejárati dátum!

A localStorage objektum tárolja az adatokat úgy, hogy nincs lejárati dátum.
Az adatok nem kerülnek törlésre, ha a böngésző zárva van, és elérhető lesz a következő napon, héten, egész évben.

Eltávolítás szintaxis a következő: localStorage.removeItem("változó_neve");

 

 

Oldal látogatottsági számláló.
localStorage, azaz local munkamenet tárolóval.

A következő példa megszámolja, felhasználó mennyiszer látogatta meg az oldalunkat, az aktuális munkamenetben:
Létrehozunk egy változót, tetszőleges ékezet nélküli, egyedi névvel, mely az általunk meghatározott értéket fogja tárolni.
Példánkban a változó neve ez lesz: local_kattintas

<span id="kattintasok_szama"></span>
<script type="text/javascript">
// Ha létezik már a local_kattintas nevű változó, akkor növeljük az értékét egy-egységgel.
 if (localStorage.local_kattintas) 
  {
     // A kód értéke karakterlánc, melyet számmá konvertálunk, így a program képes növelni a számlálót.
    localStorage.local_kattintas = Number(localStorage.local_kattintas) + 1;
  } 
// Ha nem létezik még a local_kattintas nevű változó, akkor létrehozzuk, és kezdő értékét 1-re állítjuk be.
 else 
  {
    localStorage.local_kattintas = 1;
  }
document.getElementById("kattintasok_szama").innerHTML = "Ön ennyiszer rákattintott a gombra " +
 localStorage.local_kattintas + " (ezen a  munkameneten.)";
</script>

Teszteljük fenti localStorage programunkat!
Számláló 1, azaz egy, egységgel növekedik, ha:
- Kilépünk ezen oldalról, majd ismét belépünk.
- És minden oldalfrissítéskor. (Program szempontjából, ez is új belépésnek minősül.)

 

 

Kattintások számlálása.
localStorage, azaz local munkamenet tárolóval.

Felhasználó mennyiszer kattintott egy általunk meghatározott:

A következő példa megszámolja, felhasználó mennyiszer kattintott egy általunk meghatározott button gombra:

<div id="munkaablak"></div>

<input type="button" value="Button gomb. Számláló!" onClick="munkamenetSzamlalo()">


<script type="text/javascript">

function munkamenetSzamlalo()
{
// Ha létezik már a localbutton_kattintas nevű változó, akkor növeljük az értékét egy-egységgel.
if (localStorage.localbutton_kattintas) {
    localStorage.localbutton_kattintas = Number(localStorage.localbutton_kattintas) + 1;
} 
// Ha nem létezik még a localbutton_kattintas nevű változó,
// akkor létrehozzuk, és kezdő értékét 1-re állítjuk be.
else 
{
    localStorage.localbutton_kattintas = 1;
}
document.getElementById("munkaablak").innerHTML = "<b>Ön ennyiszer kattintott a button gombra:</b> " + 
localStorage.localbutton_kattintas + " (ezen a munkameneten.)";
}
</script>

Teszteljük fenti programunkat!


 

 

 

 

 

 

Vissza a lap elejére