JSFiddle - React, Tailwind, and code Playground

by muhammad sadiq

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://yourjavascript.com/11102553393/numeral.js"></script>
<script src="http://yourjavascript.com/13092112452/jquery-calx-2-1-1.js"></script>
<form id="mcalculator">
    <legend>Rectangle</legend>
	<div>
		<label class="text">Width :</label>
		<input class="value" type="text" value="4.92" data-cell="A1" />
		<label class="measure">ft</label>
	</div>
	<div>
		<label class="text">Height :</label>
		<input class="value" type="text" value="12.6" data-cell="A2" />
		<label class="measure">ft</label>
	</div>
    <div>
		<label class="text">Area :</label>
		<input class="value" type="text" data-format="0[.]00" data-formula="A1*A2" data-cell="A3" />
		<label class="measure">ft</label>
	</div>
</form>

JavaScript

$('#mcalculator').calx({
    autoCalculateTrigger : 'keyup'
});