Performing Basic Math Calculatons

Javascript Tips and Tricks

---

For steps on using basic JavaScript math functions within your form, please follow the instructions below.

---

Performing math calculations?

A Walk-Me tutorial is also available for implementing this feature. Walk-Me can be accessed from the Tutorials tab inside the iFormBuilder Admin Portal.

Don't see the Tutorials tab? Talk to a support agent about getting Walk-Me installed in your environment.

PLEASE NOTE: Other basic Javascript Math object functions can be performed as well by placing the Math.xxx(data_col_name) in the Dynamic value of the element. The xxx is the function that can be found in the Math Object Link in W3 Schools. Take a look at W3 Schools Math Object for a list of these functions.  

iFORM TIP: When performing math operations, make sure you remember the order of operations and add parenthesis as needed. 

---

For the following examples:

• Element Data Column Names are: num1, num2, num3.
• Input Properties can be Text, Number, or Read Only element.
• Read-Only is suggested if you do not want to user to be able to change the numbers.
• Place all code in the Dynamic Value of the element that will be calculating the answer.

---

ADDITION

If you're using text elements, the JavaScript in your Dynamic Value should look like this:

Number(num1)+Number(num2)+Number(num3)

---

iFORM TIP: When using the text element, change the custom keyboard to a number keyboard (as shown below).  This will default the keyboard to the number keyboard for these elements.

---

If you're using number elements, the JavaScript in your Dynamic Value should look like this:

num1+num2+num3 

---

iFORM TIP: To ensure the field doing the calculation resets to zero with each new record, set the elements to an empty string as shown in the image below.

---

SUBTRACTION

If you're using text elements, the JavaScript in your Dynamic Value should look like this:

Number(num1)-Number(num2)-Number(num3)

If you're using number elements, the JavaScript in your Dynamic Value should look like this:

num1-num2-num3 

---

MULTIPLICATION

If you're using text elements, the JavaScript in your Dynamic Value should look like this:

Number(num1)*Number(num2)*Number(num3)

If you're using number elements, the JavaScript in your Dynamic Value should look like this:

num1*num2*num3 

---

DIVISION

If you're using text elements, the JavaScript in your Dynamic Value should look like this:

Number(num1)/Number(num2)/Number(num3)

If you're using number elements, the JavaScript in your Dynamic Value should look like this:

num1/num2/num3 

---