# Javascript {% hint style="info" %} Available on the **PREMIUM** plan and above. {% endhint %} Javascript is basically a piece of code that can be run on the browser to perform an action. Some of the cases where a Javascript action block can be used are: * Performing maths calculations. * Dynamically rendering the values of the variables. * String modification. * Firing & tracking events in Google Analytics.
You can choose to run the Javascript code on: * **Client** — The code runs on the user’s device (like their browser or phone). * **Server** — The code runs on your backend server instead of the user’s device. You can also **execute your JavaScript code asynchronously** without the bot enforcing a delay on the end user. This results in a smoother experience with improved chat speed. ## Math calculations: Here are few of the snippets that you can use to perform the maths calculations within the chatbot flow:
ParameterSnippetDescription
Summation (Addition)const additionResult = num1 + num2;
  • Num 1 & Num 2 can be any number or variable which has a number stored in it
  • The result will be stored in additionResult variable
Subtraction (Minus)const additionResult = num1 - num2;
  • Num 1 & Num 2 can be any number or variable which has a number stored in it
  • The result will be stored in additionResult variable
Division (Divide)const additionResult = num1 / num2;
  • Num 1 & Num 2 can be any number or variable which has a number stored in it
  • The result will be stored in additionResult variable
Multiplication (Multiple)const additionResult = num1 * num2;
  • Num 1 & Num 2 can be any number or variable which has a number stored in it
  • The result will be stored in additionResult variable
## Storing values into variables: Here are few of the snippets that you can use to render values in variables.
ParameterSnippetExample
Set Variable (Conversation)

wn.setConversationVariable(“variable_name”,”variable_value”);

Or

WotNot.setConversationVariables({“variable_name”:”variable_value”})

wn.setConversationVariable(“name_wn”,”ABC”);

Or

WotNot.setConversationVariables({“t1”:”123”})

Set Variable (Contact)

wn.setContactVariable(“variable_name”,”variable_value”);

Or

WotNot.setContactVariables({“variable_name”:”variable_value”})

wn.setContactVariable(“name_wn”,”ABC”);

Or

WotNot.setContactVariables({“t1”:”123”})

## String modification: Here are few of the snippets that you can use to calculate the length of the variable or get part of the variable.
ParameterSnippetExample
Length of Stringconst lengthOfString = “variable_name”.length();

const lengthOfString = “some_string_content”.length();

//Output: 19

Calculates the number of characters passed/present in the value


Get part of a stringconst partOfString = “variable_name”.slice();

const partOfString = “some_string_content”.slice(5);


Note: We need to pass the starting index from where we need to get the sub-string. The index starts from 0.

//Output: string_content

Commonly used to pass the phone number without country code

## Fire & Track events in Google Analytics: Here is the snippet that you can use to push or record events into Google Analytics or any other analytics tool
ToolSnippet Example
Google Analytics 4

window.dataLayer = window.dataLayer || [];

function gtag() {

window.dataLayer.push(arguments);

}

gtag("js", new Date());

gtag("config", "YOUR-MEASUREMENT-ID");

gtag("event", "YOUR-EVENT-NAME", {

"send_to": "YOUR-MEASUREMENT-ID"

// Additional parameters that you may want to pass

});

window.dataLayer = window.dataLayer || [];

function gtag() {

window.dataLayer.push(arguments);

}

gtag("js", new Date());

gtag("config", "123");

gtag("event", "WotNot_Test", {

"send_to": "123",

"name": "Test",

"phone": "123456789",

});

## Triggering day-based flow: Here is the snippet that you can use to trigger the flow based on specific day | Parameter | Snippet | Description | | :------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------: | | Get current date | *const currentDate = new Date();* | Helps to get the today’s date | | Check if Fromdate should be more than Todate |

isFromDateBeforeToDate(fromDate, toDate) {

const fromDateObj = new Date(fromDate);

const toDateObj = new Date(toDate);

return fromDateObj < toDateObj;

}

| Helps to trigger the flow the day specific flow |