Slider to JS variable

[Robert B.]

Moin Alois,

wenn du Quellcode im Forum passend auszeichnest, hilft das ungemein beim Verstehen … Und ein paar Dinge sind weiterhin, obwohl du darauf hingewiesen worden bist.

label {font-weight:bold;}

Dein folgender HTML-Code enthält gar keine label.

input {text-align: center;}
 .slidecontainer {
    width: 300px;
    margin-left: auto !important;
    margin-right: auto !important;}

Eine fixe Breite in Pixel kann beim Vergrößern/Verkleinern (Zoomen) der Seite problematisch angezeigt werden, nimm lieber relative Dimensionen.

<div class=slidecontainer>

… oder auch form oder fieldset.

<p><strong>Fußpunkt:<strong></p>
<input type="range" id="fpIn" min="-20" max="0" value="-15">
<output></output> °C  <hr><br>

Die label hätte ich jetzt hier erwartet. Was die hr-Trenner und vor allem der Zeilenumbruch vor dem nächsten Absatz sollen, ist mir unklar. Das br brauchst du gar nicht, das hr erscheint auch deplatziert.

Das betrifft natürlich die Konstrukte aller deiner Inputs.

<button id="update-server">Werte senden</button>

Ein button ohne type ist ein Submit-Button. Daran musst du bei der Verwendung von forms denken.

Viele Grüße
Robert