The Stepper’s Form is inside the Elements innerHTML.
We have two functions.
The first function ( stepper() )is used to get the Symbol and it’s child Stepper. Then count up or down the number.
There is a repeater function that allows for you to hold the spinner buttons down and repeatedly step.
The forms inneHTML code also validates for numbers only.
This code should not need editing. And is called from the mouse down Action.
The second function ( spinEnd() ) is used to invalidate the setTimeInterval from the first Function.
This stops the repeater.
This function is called from the mouse up Action.
You can add code to this function after the single line of code there.
Code you would add here would be to get the value of the Stepper and then do something.
You would need to give the Symbol and ID. If you duplicate the Symbol then give each their own ID.
To then get the value of the respective spinner you would use something like.
step1 being the ID we gave to the Symbol.
The Symbol elements UI can be changed using the normal Hype techniques. They can also be duplicated and the Elements UI of the individual Symbols changed.
Stepper_MHv2.hypesymbol.zip (16.8 KB)