wie kann man die werte einer webseite sppeichern selbst wenn man sie realoded in javascript?
ich habe eine zahl die wenn man auf einen button drückt runter geht aber wenn ich die seite realode ist es wieder der anfangswert
4 Antworten
wie kann man die werte einer webseite sppeichern
Und wir sollen jetzt wissen, ob es sich bei den Seiten um HTML, PHP, ASP, JSP oder sonst etwas handelt?
Abhängig von den Möglichkeiten deines Webservers wären Sucbegriffe wie Session-Variablen oder aber Cookies wohl deine Optionen.
Um Werte auf einer Webseite auch nach einem Reload zu speichern, kannst du in JavaScript den Local Storage, Session Storage oder Cookies verwenden. Am häufigsten nutzt man Local Storage, weil er einfach ist und die Daten auch nach dem Schließen des Tabs erhalten bleiben.
Ein Beispiel dazu wäre:
<input type="text" id="nameInput" placeholder="Gib deinen Namen ein">
<button onclick="saveName()">Speichern</button>
<p id="greeting"></p>
<script>
// Beim Laden der Seite: gespeicherten Namen anzeigen
window.onload = function() {
const name = localStorage.getItem("username");
if (name) {
document.getElementById("greeting").textContent = "Willkommen zurück, " + name + "!";
}
}
// Speichern des Namens
function saveName() {
const name = document.getElementById("nameInput").value;
localStorage.setItem("username", name);
document.getElementById("greeting").textContent = "Hallo, " + name + "!";
}
</script>
Dafür sind Cookies gedacht, alternativ Sessions in PHP etc, aber die funktionieren auch nur richtig gut wenn Cookies aktiviert sind (geht auch ohne, sieht aber imo "doof" aus mit der SID in der URL).
In Client Side Javascript gibt es Cookies, und Session/Local Storage.
Die würden sich für so etwas anbieten.
schau mal hier: https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Client-side_APIs/Client-side_storage