JSFiddle - React, Tailwind, and code Playground

by muhammad sadiq

HTML

<script type="text/javascript" src="http://prototype.xsanisty.com/calx/jquery-calx-1.1.8.min.js"></script>
<form id="booking_form">Price Adult : 2,500
    <br />Price Child : 2,000
    <br />
    <input type="hidden" name="p1" id="p1" value="2500" />
    <input type="hidden" name="p2" id="p2" value="2000" />
    <input type="text" name="p3" id="p3" value="5" style="background-color:red;" />
    <hr />Adult :
    <select name="n_adult" id="n_adult">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>Child :
    <select name="n_child" id="n_child">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <hr /> <span name="total" id="total" data-format="฿ 0,0[.]00" data-formula="($n_adult*$p1+$n_child*$p2)+$p3">฿</span>

</form>

JavaScript

$('#booking_form').calx({});