JavaScript - Die Position eines Schiebereglers speichern und auslesen

In diesem Script wird die Position (der Wert) des Schiebereglers (HTML-Input Typ: Range) mit localStorage() gespeichert, ausgelesen und in die vorherige Position gesetzt.


<script>

// Die Position eines Schiebereglers speichern und auslesen

window.addEventListener("DOMContentLoaded", function() {

 var 
slider document.getElementById("slider");

 if (
window.localStorage.getItem("Servo")) {
  
slider.value window.localStorage.getItem("Servo");
  
slider.title window.localStorage.getItem("Servo");
 }

 
slider.addEventListener("input", function () {
 
window.localStorage.setItem("Servo"slider.value);
  
slider.title slider.value;
 });

});
</
script>

<
input type="range" min="1" max="100" value="50" id="slider" title="50">

Bausteine  [Alle Anzeigen]

Eine zufällige Auswahl von Bausteinen (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Lightbox

PHP - Den längsten Schlüssel in einem Array anzeigen

JavaScript - Wörter in einer Zeichenkette zählen

MySQL - Eintrag überschreiben