How to make Slider Handle clickable? In JQuery or VanillaJS

I have a range slider

<div class="range">
  <input type="range" min="0" max="5" value="2" class="slider">
  </div>
</div>

enter image description here

Question: How do I make the slider-handle (red draggable controls) CLICKABLE? So that when I click it, something happens?

Thanks!

Yes, I can apply an event handler. But how do I make a call to the "slider-handle" as you can't place an ID on it, or can you?