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

<meter> Meter

CSS - Bild vergrößern mit dem „Checkbox Hack”

PHP - Eine Ziffer entfernen

JavaScript - Zeichnung erstellen

MySQL - MySQL-Anweisung mit PHP ausgeben

Templates - HP Vorlagen
Templates sind fertige Homepage Vorlagen, die man nur noch mit Inhalt füllen muss. Das ist zwar für Anfänger eine schnelle Lösung, aber möchten Sie das gleiche Design wie auf anderen 97 Webseiten auch? Jede Homepage hat ihren eigenen Touch, eben der Stil, der die Seite einmalig macht.