A tool to make your existing document reactive.
Enter the statement you want to make reactive:
When you eat 4 cookies, you will consume 200 calories.
Move mouse over word you want to make reactive and press 'd' for output data and 'v' for adjustable input value:
Text will appear here.
Relation between the variables:
Output1
=
x
Input1
Initial
Output1
=
Initial
Input1
=
This is how it will look:
When you eat
cookies
, you will consume
calories.
This is the code:
<p>This is a simple reactive document.</p> <p id="example"> When you eat <span data-var="cookies" class="TKAdjustableNumber" data-min="2" data-max="100"> cookies</span>, you will consume <span data-var="calories"></span> calories. </p>