js-calc is a client-side calculator developed in JavaScript and CSS that is compatible with Bootstrap and jQuery.

In order to use js-calc add a HTML container element, e. g.

<div class="calculator"></div>

Then load the CSS file (optionally use the minified version):

<link rel="stylesheet" href="css/js-calc.min.css" />

Alternatively, you can import the LESS files in your LESS code.

Add <script></script> tags to load jQuery and js-calc (optionally use the minified versions):

<script src="jquery.min.js"></script>
<script src="js/js-calc.min.js"></script>

Then call the following code in JavaScript:

$(".calculator").jscalc();

You can specify the following options when calling jscalc():

• point (String). Specifies the locale-dependent character for the decimal point (default is ".").

$(".calculator").jscalc();      // use default options
$(".calculator").jscalc({
    point: ","
});                             // use German notation

To build js-calc perform the following steps:

1. Prepare the npm environment using

   $ npm install

2. Then execute

   $ grunt

3. Afterwards, you find the built js-calc files in target/build as well as a documentation in target/docs.

To build and view a demo perform the following steps:

1. Install needed npm modules using

   $ npm install

2. Build the demo page using

   $ grunt demo

3. View demo.html in folder target/demo using your favorite browser.

If you wish to customize the calculator, feel free to change the LESS variables in less/variables.less and re-build the software as described under Build.

This piece of software was released under the MIT License.