Calculator Builder

Описание

A simple tool to create an online calculator. You can create simple calculators for any kind of calculation.

All calculators on the site CalcHub are created using this plugin.

Quick Start video

How to use and create a new popup with Popup Box plugin for WordPress.

Calculator Elements:

• Number
• Dropdown
• Radio Button
• Checkbox

Main features

• Unlimited items: no limited to the number of calculators;
• Live builder;
• Vanilla JS: without using jQuery library;

Type of the Fields

• Number — a control for entering a number. Displays a spinner and adds default validation when supported. Displays a numeric keypad in some devices with dynamic keypads.
• Select — element represents a control that provides a menu of options
• Radio — a radio button, allowing a single value to be selected out of multiple choices with the same name value.
• Checkbox — a check box allowing single values to be selected/deselected.
• Number & Select — inserts two fields Number and Select
• Buttons — set the buttons for Calculate and Reset data in the calculator form
• Result — set the field with result. This field readonly.

EQUATION / FORMULA

To calculate the result, you must use the variables in the Formula field

• Variable x[] — the variable is used for the field that takes part in the calculation

• Variable y[] — variable for displaying the result

  y[1] = x[1] + x[2];

  y[1] = x[1] — x[2];

  y[1] = x[1] * x[2];

  y[1] = x[1] / x[2];

Formula with additional variables

You can use the additional variables in the formula field for to facilitate writing the formula and displaying the result.

For Example, Formula Monthly payment for Loan:

let r = x[2] / 1200;
let A = x[1];
let N = x[3];

let result = ( r * A ) / ( 1 - Math.pow((1+r), -N));
y[1] = roundVal(result, 2);

roundVal(val, decimals) — function for rounding a number. The first parameter (val) is the number to be rounded, the second parameter (decimals) is the number of numbers after the decimal point.

Сonditional formula

You can use complex structures to calculate the results.
the ability to use the following comparison operators:
* < less
* > more
* == equal

For Example:

if( x[1] < 100 ) {
    y[1] = x[2] * 2;
} else if ( x[1] < 200 ) {
    y[1] = x[2] * 3;
} else {
    y[1] = x[2] * 4;
}

To improve the plugin’s functions and add new functions, write to us on the support forum or send requests on the github.

Project on GitHub https://github.com/wow-company/calculator-builder/

Support

Search for answers and ask your questions at forum or send requests on the github