JSFiddle - React, Tailwind, and code Playground

HTML

<span>Price from: </span><span id="price"></span><span> $</span>
<input type="range" min="0" max="1000" value="0" id="range" />

<div id="mainDiv">
 
  <div class=".section">
    <div class="content">
      <p>Current trade: <span id="data">41,99</span> $ on the market</p>
    </div>
  </div>

  <div class=".section">
    <div class="content">
      <p>Current trade: <span id="data">362,37</span> $ on the market</p>
    </div>
  </div>

  <div class=".section">
    <div class="content">
      <p>Current trade: <span id="data">789,64</span> $ on the market</p>
    </div>
  </div>
</div>

JavaScript

var slider = document.getElementById("range");
var rdata = document.getElementById("price");
rdata.innerHTML = slider.value;

slider.oninput = function() {
  $("span#price").text(slider.value);
  $("#mainDiv").find("div.content").each(function() {

  if(parseInt($(this).find("span#data").text()) < slider.value) {
    $(this).parent().hide();
  }
  else {
    $(this).parent().show();
  }
});
}