CTAT: Cognitive Tutor Authoring Tools

CTATNumericStepper Example

A simple numeric stepper example.

Enter the number 5:
<div id="stepper" class="CTATNumericStepper"
     value="0" min="0" max="10">
</div>
	

Though, using it with a CTATSubmitButton is advised.

Enter the number 5:

Submit
<div id="steppers" class="CTATNumericStepper"
     value="0" min="0" max="10">
</div>
<div id="submit" class="CTATSubmitButton"
    data-ctat-target="stepper1">Submit</div>