Javascript 根据输入值显示或隐藏div

我有一个输入[type=range]，用户可以选择一个值（例如，从0到1000），这是一种价格过滤器，我还有几个div，每个div都有自己的pricevalue。我需要根据输入值显示或隐藏div。如何使用VanillaJS实现这一点？

这是硬编码的，还是动态div？您是否尝试过获取输入值并隐藏所需的div

if(input.val < 1000){
    var divToHide = document.getElementById("priceMid");
    divToHide.style.display = 'none';           // Hide
} 

if（input.val<1000）{
var divToHide=document.getElementById（“priceMid”）；
divToHide.style.display='none'；//隐藏
} 

---

如果您有多个div，请为每个div赋予其自己的属性值，然后您可以对它们进行迭代，并仅隐藏高于/低于某个值的div。这个答案有更详细的内容

你能发布一些你的代码来理解什么实际上不起作用吗？这里是一个不使用任何libs的通用示例。我创建了一个Fiddle-当输入的值小于span的值时，应该隐藏div.block。我该怎么做？