Some Way,
У меня этот скрипт работает корректно, все в динамике обновляется и сортируется. Может у вас разметка айтемов отличается или еще что-то...
Но бегунок срабатывает только после того, как им воспользуются. При загрузке же страницы, можно сортировать вручную, как-то так:
window.onload = function(){ // после загрузки страницы...
var prise = document.querySelectorAll('.mid'); // получаем все дивы, в которых записана цена
for(var i = 0; i < prise.length; i++){ // начинаем их по очереди перебирать...
var elemPrise = prise[i].innerHTML.replace('EUR ', ''); // Сначала получаем цены без "EUR" - только цифра
if(elemPrise > 50 && elemPrise < 500){ // Если цифра больше 50 и меньше 500 то -
prise[i].parentNode.parentNode.parentNode.parentNode.style.display='block'; // показать родителя родителя родителя )
}else{
prise[i].parentNode.parentNode.parentNode.parentNode.style.display='none'; // иначе - скрыть
}
}
}
Залил архив с примером на гугл.диск - так будет проще
https://drive.google.com/file/d/1qoQ...ew?usp=sharing