Событие ввода управления диапазоном не срабатывает

#jquery

#jquery

Вопрос:

Я написал следующий код с помощью ползунка диапазона. Событие изменения не запускается. Я не уверен — где я ошибаюсь. Код находится здесь.

https://www.w3schools.com/code/tryit.asp?filename=G1TE5DRCNRYC

Может кто-нибудь, пожалуйста, посоветовать?

Комментарии:

1. Похоже, вы не включили jQuery.

2. Тег <script> в нижней части кода должен это сделать. Или я ошибаюсь.?

3. Вы ошибаетесь.

4. Я понял свою ошибку здесь. Извините, я не получил ваш комментарий при первом чтении.

Ответ №1:

Как сказал @bassxzero в своем комментарии, вам не хватает только тега script, который включает jquery. Смотрите фрагмент ниже

 	$(document).ready(function() {$(document).on('input', '.slider', function() {alert( $(this).val());});});  
 body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="slidecontainer">     	
		<div><input type="range" min="1" max=100 value=50 class="slider" id="SpeedRange" /></div>
	</div>