Хорошо, сейчас я пишу небольшой туристический сайт. Допустим, есть 10 различных вариантов отелей. 10 вариантов перечислены на странице в разделах. У меня есть слайдер в верхней части страницы, и я хочу, чтобы слайдер мог изменять порядок отображения отелей. Слайдер имеет значение 100. Например, когда вы перемещаете ползунок вниз до 25, я хочу, чтобы отображались только отели, в которых меньше 25. Это код, который у меня есть:
<input id="price-range" type="range" min="1" max="100" value="33" class="slider" id="myRange">
<script>
$( function() {
$( "slider" ).slider();
} );
function slider() {
document.getElementById("price-range").value ;
}
</script>
И я тоже пытался присвоить значения элементам div, чтобы они все выглядели так:
<div class="box" value="20">