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 (Codeschnipsel) aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<output> Ausgabe

CSS - Markierte Checkbox farbig hervorheben

PHP - Konvertieren von Zeichen mit Akzenten

JavaScript - Zeichenkontrolle

MySQL - Datensatz Wert erhöhen