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">

enter image description here

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


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?