Interactive reporting using sliders and javascript

I am writing a web-port app where the contents of a page are determined using sliders.
The example protocols show how to achieve this with the data connector and javascript.
They also show how the current value of the slider can be reported in a text box.

However, one of the comment requests is that a user would like to be able to type the desired value into the text box and the slider bar move to reflect the new entry.

Are there any example protocols that demonstrate this functionality that I could learn from? If not, where can I find the documentation on the API so that I can identify the answer.

Thanks