function initOptimizeJs2() {if (window.ojsDidInit2) {return false;}window.ojsDidInit2 = true;var pclntms = (function () {
var isTmsOn = /true/i.test('true');
var api = {dataDictionary: {}};
/**
* Function available for backwards compatibility. Initializes the data objects and can load the Telaium
* script (if not present) or call a refire of the tags (utag.view)
*
* @param pageData The page data to fire the Marketing tags with. Refer to the pclntms Data Dictionary documentation.
*/
function loadTealiumWithData(pageData) {
// Adds the page data into the pclntms.dataDictionary and utag_data objects
addPageData(pageData)
// Initiate the Tealium script (utag.js) if it's not present (this will trigger the tags)
if (!utag_data.scriptLoaded) {
insertTealiumScript();
} else if (typeof utag !== 'undefined') {
// If the script is loaded and 'utag' exists we can trigger the tags using view...
utag.view(utag_data);
}
}
/**
* Private function - inserts the Tealium script into the page, if it is not present.
*/
function insertTealiumScript() {
// Make sure TMS is on (isTmsOn = LDAP) and the script hasn't been previously loaded.
if (isTmsOn && !utag_data.scriptLoaded) {
// Set the Tealium URL to load (calculated in the Java controller)
var tealiumUrl = utag_data.appCode == 'MOBILEWEB' ? '//tags.tiqcdn.com/utag/pcln/opt/prod/utag.js' : '//tags.tiqcdn.com/utag/pcln/opt/prod/utag.js';
// Prepare the DOM element
var tmsDomScript = document.createElement("script");
tmsDomScript.type = "text/javascript";
tmsDomScript.src = tealiumUrl;
tmsDomScript.defer = true;
// Add the load callback so we know the script has been loaded by the DOM
tmsDomScript.addEventListener('load', function () {
// Set the flag to show that the script has been added to the page
utag_data.scriptLoaded = true;
// If there's a valid callback passed into the script, make sure it's executed.
var callback = '';
if (!!callback && !!window[callback] && typeof(window[callback]) === 'function') {
try {
window[callback]();
} catch (e) {
console.log("TMS Load Callback Error:" + e);
}
}
}, false);
// Add the script to the page
var targetDomSibling = document.getElementsByTagName("script")[0];
targetDomSibling.parentNode.insertBefore(tmsDomScript, targetDomSibling);
}
}
/**
* Makes sure utag_data exists and adds the new page data to pclntms.dataDictionary and utag_data objects.
*
* @param pageData The page data to push to the tag objects
*/
function addPageData(pageData) {
window.utag_data = window.utag_data || {scriptLoaded: false};
// Merge the data into the data dictionary. This is used by Google Analytics only.
mergeObjects(pageData, api.dataDictionary);
// Merge the new data into the utag_data object used by Tealium.
mergeObjects(pageData, window.utag_data);
}
/**
* Merges data from an object into another object. Used to pass data into the dataDictionary and utag_data
* objects when new data is added by the page.
*
* @param originObj The origin object to get the data from
* @param destinationObj The object the origin data will be pushed into
*/
function mergeObjects(originObj, destinationObj) {
if (!!originObj) {
for (var key in originObj) {
var value = originObj[key];
if (!!value) {
destinationObj[key] = value;
}
}
}
}
/**
* Leaving this for backwards compatibility. Need to clean this up and provide a friendlier opt-out.
*/
function optOutOptionsClicked() {
if (typeof __tealiumMo2Div == 'undefined') {
__tealiumMo2Div = document.createElement('SCRIPT');
__tealiumMo2Div.type = 'text/javascript';
__tealiumMo2Div.src = '//tags.tiqcdn.com/utag/pcln//prod/utag.tagsOptOut.js?cb=' + Math.random();
document.getElementsByTagName('head')[0].appendChild(__tealiumMo2Div);
}
else {
if (typeof __tealium != 'undefined')
__tealium.load();
}
}
// public functions
api.config = loadTealiumWithData;
api.push = loadTealiumWithData;
api.addData = addPageData;
api.loadTelaium = insertTealiumScript;
api.optOutOptionsClicked = optOutOptionsClicked;
return api;
})();};document.addEventListener("scroll", initOptimizeJsOnEvent2);document.addEventListener("mousemove", initOptimizeJsOnEvent2);document.addEventListener("touchstart", initOptimizeJsOnEvent2);function initOptimizeJsOnEvent2(event) {event.currentTarget.removeEventListener(event.type, initOptimizeJsOnEvent2);}document.addEventListener("DOMContentLoaded", () => {setTimeout(initOptimizeJs2, 5000);});
Write, Run & Share Javascript code online using OneCompiler's JS online compiler for free. It's one of the robust, feature-rich online compilers for Javascript language. Getting started with the OneCompiler's Javascript editor is easy and fast. The editor shows sample boilerplate code when you choose language as Javascript and start coding.
Javascript(JS) is a object-oriented programming language which adhere to ECMA Script Standards. Javascript is required to design the behaviour of the web pages.
var readline = require('readline');
var rl = readline.createInterface({
input: process.stdin,
output: process.stdout,
terminal: false
});
rl.on('line', function(line){
console.log("Hello, " + line);
});
| Keyword | Description | Scope |
|---|---|---|
| var | Var is used to declare variables(old way of declaring variables) | Function or global scope |
| let | let is also used to declare variables(new way) | Global or block Scope |
| const | const is used to declare const values. Once the value is assigned, it can not be modified | Global or block Scope |
let greetings = `Hello ${name}`
const msg = `
hello
world!
`
An array is a collection of items or values.
let arrayName = [value1, value2,..etc];
// or
let arrayName = new Array("value1","value2",..etc);
let mobiles = ["iPhone", "Samsung", "Pixel"];
// accessing an array
console.log(mobiles[0]);
// changing an array element
mobiles[3] = "Nokia";
Arrow Functions helps developers to write code in concise way, it’s introduced in ES6.
Arrow functions can be written in multiple ways. Below are couple of ways to use arrow function but it can be written in many other ways as well.
() => expression
const numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
const squaresOfEvenNumbers = numbers.filter(ele => ele % 2 == 0)
.map(ele => ele ** 2);
console.log(squaresOfEvenNumbers);
let [firstName, lastName] = ['Foo', 'Bar']
let {firstName, lastName} = {
firstName: 'Foo',
lastName: 'Bar'
}
const {
title,
firstName,
lastName,
...rest
} = record;
//Object spread
const post = {
...options,
type: "new"
}
//array spread
const users = [
...adminUsers,
...normalUsers
]
function greetings({ name = 'Foo' } = {}) { //Defaulting name to Foo
console.log(`Hello ${name}!`);
}
greet() // Hello Foo
greet({ name: 'Bar' }) // Hi Bar
IF is used to execute a block of code based on a condition.
if(condition){
// code
}
Else part is used to execute the block of code when the condition fails.
if(condition){
// code
} else {
// code
}
Switch is used to replace nested If-Else statements.
switch(condition){
case 'value1' :
//code
[break;]
case 'value2' :
//code
[break;]
.......
default :
//code
[break;]
}
For loop is used to iterate a set of statements based on a condition.
for(Initialization; Condition; Increment/decrement){
//code
}
While is also used to iterate a set of statements based on a condition. Usually while is preferred when number of iterations are not known in advance.
while (condition) {
// code
}
Do-while is also used to iterate a set of statements based on a condition. It is mostly used when you need to execute the statements atleast once.
do {
// code
} while (condition);
ES6 introduced classes along with OOPS concepts in JS. Class is similar to a function which you can think like kind of template which will get called when ever you initialize class.
class className {
constructor() { ... } //Mandatory Class method
method1() { ... }
method2() { ... }
...
}
class Mobile {
constructor(model) {
this.name = model;
}
}
mbl = new Mobile("iPhone");