input type=range Veränderung wird nicht angezeigt?

Habe ca. 2 Std. den Fehler gesucht und nicht gefunden. Ich möchte den Wert eines Schiebereglers anzeigen, aber die Anzeige ändert sich nicht. Wenn ich das Formular abschicke, ist der Wert geändert. Nur die Anzeige während des Schiebens will nicht

Code:

    <style>
document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('#KM_input').addEventListener('input', setKM);
});
function setKM() {
  document.getElementById("KM_output").innerHTML = document.getElementById("KM_input").value;
}
    </style>

<p>km radius:
<input type="range" id="KM_input" name="KM" title="KM" min="0" max="100" value="5" step="5"> <output id="KM_output">5</output></p>

Was ist falsch?

Answer 1

[regex9]

JavaScript gehört in einen script-Tag. Du hast den Code in einen style-Tag gesetzt.

Comments

[10tel]

Du warst etwas eher als EinAlexander

Answer 2

[EinAlexander]

Was ist falsch?

ersetze <style> durch <script>

Alex

Comments

[10tel]

Au weia, Brett vor'm Kopp - danke

[EinAlexander]

@10tel

Au weia, Brett vor'm Kopp - danke

solche Fehler findest du schnell selbst heraus, wenn du den Code hier validieren lässte: https://validator.w3.org/