How to start, need calculator with sliders that refreshes result in real time without submit button

How to start, need calculator with sliders that refreshes result in real time without submit button


The following is a good example of what I want to create. There are sliders where you select numeric values (speed and temperature in this example). Then the result of the calculation is displayed (218 miles in this example). The most important thing is, I don't want a submit button. The result should update automatically if the slider changes.

I know HTML and CSS. I don't know PHP, Javascript and have never used jQquery. How do I start? Ideally I would like to download something that I can play around with. I'm doing this project only because I want to learn something new. Therefore I'm not interested in finding a shortcut to complete this project quickly. The aim is to have a little project I can play around with to learn new things. Where do I start?