Minimal setup for rangeinput
Change the value by dragging the handle, clicking on the slider or changing the value of the input field. When you focus on the input you can change the value with the arrow keys or with VIM keyboard shortcuts (HJKL). Page UP/DOWN goes 10 steps forward/backward.
Here is all code you need for the above example:
You need to place the script block after the HTML code or you can alternatively use jQuery's $(document).ready to execute the script as soon as the webpage's Document Object Model (DOM) has been loaded. Read more about that from the User's Manual.