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:
-
Prepare the
npm
environment using$ npm install
-
Then execute
$ grunt
-
Afterwards, you find the built js-calc files in
target/build
as well as a documentation intarget/docs
.
To build and view a demo perform the following steps:
-
Install needed
npm
modules using$ npm install
-
Build the demo page using
$ grunt demo
-
View
demo.html
in foldertarget/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.