diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/docker-deployment.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/docker-deployment.md
index b9f1a43a0..d8c24451c 100644
--- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/docker-deployment.md
+++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/docker-deployment.md
@@ -103,7 +103,7 @@ Now the Spreadsheet server Docker instance runs on localhost with the provided p
     <div id='Spreadsheet'></div>
     <script>
       // Initialize Spreadsheet component.
-      const spreadsheet = new ej.spreadsheet.Spreadsheet({
+      var spreadsheet = new ej.spreadsheet.Spreadsheet({
         openUrl: 'http://localhost:6002/api/spreadsheet/open',
         saveUrl: 'http://localhost:6002/api/spreadsheet/save'
       });
diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/formatting.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/formatting.md
index 8d73209b7..cbd02c597 100644
--- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/formatting.md
+++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/formatting.md
@@ -116,7 +116,7 @@ Compared to Excel, the date, time, currency, and accounting formats vary across
 The code below illustrates how culture-based format codes are mapped to their corresponding number format ID for the `German (de)` culture.
 
 ```js
-const deLocaleFormats = [
+var deLocaleFormats = [
     { id: 14, code: 'dd.MM.yyyy' },
     { id: 15, code: 'dd. MMM yy' },
     { id: 16, code: 'dd. MMM' },
diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/open-save.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/open-save.md
index 7b69bbb9d..01365b60d 100644
--- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/open-save.md
+++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/open-save.md
@@ -130,8 +130,8 @@ By default, the Spreadsheet control provides an option to browse files from the
         },
         body: JSON.stringify({ FileName: 'Sample' }),
     })
-    .then((response) => response.json())
-    .then((data) => {
+    .then(function (response){ response.json()})
+    .then(function(data) {
             // Load the JSON data into spreadsheet.
             spreadsheet.openFromJson({ file: data });
     })
@@ -163,14 +163,14 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
     sheets: [
     ],
     openUrl: 'https://xxxxxxxxxxxxxxxxxx.amazonaws.com/Prod/api/spreadsheet/open',
-    beforeOpen: (eventArgs) => {
+    beforeOpen: function (eventArgs)  {
         eventArgs.cancel = true; // To prevent the default open action.
         if (eventArgs.file) {
-            const reader = new FileReader();
+            var reader = new FileReader();
             reader.readAsDataURL(eventArgs.file);
-            reader.onload = () => {
+            reader.onload = function () {
                 // Removing the xlsx file content-type.
-                const base64Data = reader.result.replace('data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,', '');
+                var base64Data = reader.result.replace('data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,', '');
                 openExcel({
                     file: base64Data,
                     extension: eventArgs.file.name.slice(eventArgs.file.name.lastIndexOf('.') + 1),
@@ -180,7 +180,7 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
         }
     }
 });
-const openExcel = (requestData) => {
+function openExcel(requestData) {
     // Fetch call to AWS server for open processing.
     fetch('https://xxxxxxxxxxxxxxxxxx.amazonaws.com/Prod/api/spreadsheet/open', {
         method: 'POST',
@@ -189,16 +189,16 @@ const openExcel = (requestData) => {
             'Content-Type': 'application/json;charset=UTF-8'
         },
         body: JSON.stringify(requestData)
-    }).then((response) => {
+    }).then(function (response) {
         if (response.ok) {
             return response.json();
         }
-    }).then((data) => {
+    }).then(function (data) {
         // Loading the JSON data into our spreadsheet.
         if (data.Workbook && data.Workbook.sheets) {
             spreadsheet.openFromJson({ file: data });
         }
-    }).catch((error) => {
+    }).catch(function (error) {
         console.log(error);
     });
 };
@@ -344,7 +344,7 @@ The following code example demonstrates the client-side and server-side configur
 **Client Side**:
 
 ```javascript
-const spreadsheet = new ej.spreadsheet.Spreadsheet({
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
     openSettings: {
         // Specifies the size (in bytes) of each chunk for the server response when opening a document.
         chunkSize: 1000000,
@@ -496,8 +496,8 @@ By default, the Spreadsheet control saves the Excel file and downloads it to the
 ```js
 
     // Convert the spreadsheet workbook to JSON data.
-    spreadsheet.saveAsJson().then((json) => {
-        const formData = new FormData();
+    spreadsheet.saveAsJson().then(function (json) {
+        var formData = new FormData();
         formData.append('FileName', "Sample");
         formData.append('saveType', 'Xlsx');
         // Passing the JSON data to perform the save operation.
@@ -507,7 +507,7 @@ By default, the Spreadsheet control saves the Excel file and downloads it to the
         fetch('https://localhost:{Your port number}/Home/Save', {
             method: 'POST',
             body: formData
-        }).then((response) => {
+        }).then(function (response) {
             console.log(response);
         });
     });
@@ -573,7 +573,7 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
     sheets: [
     ],
     saveUrl:'https://xxxxxxxxxxxxxxxxxxxxxxxxx.amazonaws.com/Prod/api/spreadsheet/save',
-    beforeSave: (eventArgs) => {
+    beforeSave: fucntion (eventArgs)  {
         if (!saveInitiated) {
             eventArgs.cancel = true; // Preventing default save action.
             saveInitiated = true; // The "beforeSave" event will trigger for "saveAsJson" action also, so we are preventing for the "saveAsJson".
@@ -581,11 +581,11 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
         }
     }
 });
-const saveAsExcel = (eventArgs) => {
+var saveAsExcel = function (eventArgs)  {
     // Convert the spreadsheet workbook to JSON data.
-    spreadsheet.saveAsJson().then(Json => {
+    spreadsheet.saveAsJson().then(function (Json) {
         saveInitiated = false;
-        const formData = new FormData();
+        var formData = new FormData();
         // Passing the JSON data to server to perform save operation.
         formData.append('JSONData', JSON.stringify(Json.jsonObject.Workbook));
         formData.append('saveType', 'Xlsx');
@@ -594,28 +594,28 @@ const saveAsExcel = (eventArgs) => {
         // Using fetch API to invoke the server for save processing.
         fetch('https://xxxxxxxxxxxxxxxxxxxxxxxxx.amazonaws.com/Prod/api/spreadsheet/save', {
             method: 'POST', body: formData
-        }).then(response => {
+        }).then(function (response) {
             if (response.ok) {
                 return response.blob();
             }
-        }).then(data => {
-            const reader = new FileReader();
+        }).then(function (data) {
+            var reader = new FileReader();
             reader.onload = function () {
                 //Converts the result of the file reading operation into a base64 string.
-                const textBase64Str = reader.result.toString();
+                var textBase64Str = reader.result.toString();
                 //Converts the base64 string into a Excel base64 string.
-                const excelBase64Str = atob(textBase64Str.replace('data:text/plain;base64,', ''));
+                var excelBase64Str = atob(textBase64Str.replace('data:text/plain;base64,', ''));
                 //Converts the Excel base64 string into byte characters.
-                const byteCharacters = atob(excelBase64Str.replace('data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,', ''));
-                const byteArrays = [];
-                for (let i = 0; i < byteCharacters.length; i++) {
+                var byteCharacters = atob(excelBase64Str.replace('data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,', ''));
+                var byteArrays = [];
+                for (var i = 0; i < byteCharacters.length; i++) {
                     byteArrays.push(byteCharacters.charCodeAt(i));
                 }
-                const byteArray = new Uint8Array(byteArrays);
+                var byteArray = new Uint8Array(byteArrays);
                 //creates a blob data from the byte array with xlsx content type.
-                const blobData = new Blob([byteArray], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
-                const blobUrl = URL.createObjectURL(blobData);
-                const anchor = document.createElement('a');
+                var blobData = new Blob([byteArray], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+                var blobUrl = URL.createObjectURL(blobData);
+                var anchor = document.createElement('a');
                 anchor.download = 'Sample.xlsx';
                 anchor.href = blobUrl;
                 document.body.appendChild(anchor);
diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/performance-best-practices.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/performance-best-practices.md
index 7e03e0f80..c25242c67 100644
--- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/performance-best-practices.md
+++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/performance-best-practices.md
@@ -109,7 +109,7 @@ The following code example shows how to set `isFullPost` to **false** in the Spr
 
 ```js
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
-  beforeSave: (args) => {
+  beforeSave: function (args) {
       args.isFullPost = false;
   }
 });
diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/sort.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/sort.md
index 0a1f7b47d..8a7f9c441 100644
--- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/sort.md
+++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/sort.md
@@ -56,7 +56,7 @@ You can also enable or disable this property using `beforeSort` event arguments,
 
 ```ts
 
-let spreadsheet: Spreadsheet = new Spreadsheet({
+var spreadsheet: Spreadsheet = new Spreadsheet({
 
     beforeSort: function (args) {
         args.sortOptions.containsHeader = true;
@@ -79,7 +79,7 @@ You can also enable or disable this property using `beforeSort` event arguments,
 
 ```ts
 
-let spreadsheet: Spreadsheet = new Spreadsheet({
+var spreadsheet: Spreadsheet = new Spreadsheet({
 
     beforeSort: function (args) {
         args.sortOptions.caseSensitive = true;
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/base-64-string/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/base-64-string/index.js
index 6179db3a3..d116c3def 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/base-64-string/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/base-64-string/index.js
@@ -1,4 +1,3 @@
-
 var base64String;
 
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
@@ -12,17 +11,17 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
     ]
   }],
 
-  created: () => {
-    //Applies cell and number formatting to specified range of the active sheet
+  created: function () {
+    // Applies cell and number formatting to specified range of the active sheet
     spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
   },
 
-  beforeSave: (args) => {
+  beforeSave: function (args) {
     args.needBlobData = true; // To trigger the saveComplete event.
     args.isFullPost = false; // Get the spreadsheet data as blob data in the saveComplete event.
   },
 
-  saveComplete: (args) => {
+  saveComplete: function (args) {
     // Convert blob data to base64 string.
     var reader = new FileReader();
     reader.readAsDataURL(args.blobData);
@@ -36,22 +35,24 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
 // Render initialized Spreadsheet.
 spreadsheet.appendTo('#spreadsheet');
 
-document.getElementById("import").onclick = () => {
+document.getElementById("import").onclick = function () {
   // Open the file based on saved base64 string.
   fetch(base64String)
-    .then((response) => response.blob())
-    .then((fileBlob) => {
+    .then(function (response) {
+      return response.blob();
+    })
+    .then(function (fileBlob) {
       var file = new File([fileBlob], 'Sample.xlsx');
       spreadsheet.open({ file: file });
     });
-}
+};
 
-document.getElementById("export").onclick = () => {
+document.getElementById("export").onclick = function () {
   spreadsheet.save({
     url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
     fileName: 'Worksheet',
-    saveType: 'Xlsx',
+    saveType: 'Xlsx'
   }); // Specifies the save URL, file name, file type need to be saved.
   // Logs base64 string into the console.
   console.log('Base64 String - ', base64String);
-}
\ No newline at end of file
+};
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/change-active-sheet-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/change-active-sheet-cs1/index.js
index d4865e4dd..7156c3c5a 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/change-active-sheet-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/change-active-sheet-cs1/index.js
@@ -1,6 +1,6 @@
 ej.base.enableRipple(true);
 
-let spreadsheet = new ej.spreadsheet.Spreadsheet({
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
     openUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
     saveUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
     openComplete: function() {
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/chart-cs3/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/chart-cs3/index.js
index 8cf1b5aaa..02c91033e 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/chart-cs3/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/chart-cs3/index.js
@@ -31,7 +31,7 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
              spreadsheet.numberFormat(ej.spreadsheet.getFormatFromType('Currency'), 'B4:F8');
              spreadsheet.merge('A1:F1');
     },
-    actionBegin: (args) => {
+    actionBegin: function (args) {
         if (args.action === 'beforeInsertChart' && args.args.eventArgs.type.includes('Line')) {
             args.args.eventArgs.markerSettings.shape = 'Triangle';
             args.args.eventArgs.markerSettings.isFilled = false;
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/clipboard-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/clipboard-cs1/index.js
index 97156291f..198510750 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/clipboard-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/clipboard-cs1/index.js
@@ -1,5 +1,5 @@
 //Initialize action items.
-let items = [
+var items = [
   {
     text: "Copy"
   },
@@ -12,10 +12,10 @@ let items = [
 ];
 
 // Initialize the DropDownButton component.
-let drpDownBtn = new ej.splitbuttons.DropDownButton({
+var drpDownBtn = new ej.splitbuttons.DropDownButton({
   items: items,
   cssClass: "e-round-corner",
-  select: (args) => {
+  select: function (args) {
     if (args.item.text === 'Copy')
       spreadsheet.copy();
     if (args.item.text === 'Cut')
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/clipboard-cs2/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/clipboard-cs2/index.js
index a8e77ab9c..84af7e43f 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/clipboard-cs2/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/clipboard-cs2/index.js
@@ -1,5 +1,5 @@
 //Initialize action items.
-let items = [
+var items = [
   {
     text: "Copy"
   },
@@ -12,10 +12,10 @@ let items = [
 ];
 
 // Initialize the DropDownButton component.
-let drpDownBtn = new ej.splitbuttons.DropDownButton({
+var drpDownBtn = new ej.splitbuttons.DropDownButton({
   items: items,
   cssClass: "e-round-corner",
-  select: (args) => {
+  select: function (args) {
     if (args.item.text === 'Copy')
       spreadsheet.copy();
     if (args.item.text === 'Cut')
@@ -32,22 +32,22 @@ drpDownBtn.appendTo("#element");
 // Initialize the Spreadsheet component.
 
 var columns = [
-    {
-        width: 130
-    },
-    {
-        width: 92
-    },
-    {
-        width: 96
-    }
+  {
+    width: 130
+  },
+  {
+    width: 92
+  },
+  {
+    width: 96
+  }
 ];
 
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
   sheets: [{ ranges: [{ dataSource: defaultData }], columns: columns }],
   enableClipboard: true,
   // Triggers before the action begins.
-  actionBegin: (pasteArgs) => {
+  actionBegin: function (pasteArgs) {
     // To cancel the paste action.
     if (pasteArgs.action === 'clipboard' && pasteArgs.args.eventArgs.requestType === 'paste') {
       pasteArgs.args.eventArgs.cancel = true;
@@ -57,7 +57,4 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
 
 
 // Render initialized Spreadsheet.
-spreadsheet.appendTo('#spreadsheet');
-
-
-
+spreadsheet.appendTo('#spreadsheet');
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/column-header-change-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/column-header-change-cs1/index.js
index bb0455513..7160cf855 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/column-header-change-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/column-header-change-cs1/index.js
@@ -1,13 +1,13 @@
 ej.base.enableRipple(true);
 
-let spreadsheet = new ej.spreadsheet.Spreadsheet({
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
   beforeCellRender: function (args) {
     if (
       args.colIndex >= 0 &&
       args.colIndex <= 10 &&
       args.element.classList.contains('e-header-cell')
     ) {
-      let text = 'custom header ' + args.colIndex.toString();
+      var text = 'custom header ' + args.colIndex.toString();
       args.element.innerText = text;
     }
   },
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs1/index.js
index 669327bf2..d33f4aec1 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs1/index.js
@@ -1,33 +1,32 @@
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
-        showRibbon: false,
-        showFormulaBar: false,
-        sheets: [
-            {
-                ranges: [{ dataSource: data }],
-                columns: [
-                    { width: 90 }, { width: 100 }, { width: 96 },
-                    { width: 120 }, { width: 130 }, { width: 120 }
-                ]
-            }],
-        dataSourceChanged: (args) => {
-            appendElement("Data source changed with" + "<b>&nbsp;" + args.action + "</b> action<hr>");
-        }
+    showRibbon: false,
+    showFormulaBar: false,
+    sheets: [
+        {
+            ranges: [{ dataSource: data }],
+            columns: [
+                { width: 90 }, { width: 100 }, { width: 96 },
+                { width: 120 }, { width: 130 }, { width: 120 }
+            ]
+        }],
+    dataSourceChanged: function (args) {
+        appendElement("Data source changed with" + "<b>&nbsp;" + args.action + "</b> action<hr>");
+    }
 });
 
 spreadsheet.appendTo('#spreadsheet');
 
-document.getElementById('changeDataBtn').addEventListener('click', ()=> {
+document.getElementById('changeDataBtn').addEventListener('click', function () {
     spreadsheet.sheets[0].ranges[0].dataSource = itemData;
 });
 
-document.getElementById('clearBtn').addEventListener('click', ()=> {
+document.getElementById('clearBtn').addEventListener('click', function () {
     document.getElementById('EventLog').innerHTML = "";
 });
 
 function appendElement(html) {
-     var span = document.createElement("span");
-     span.innerHTML = html;
-     var log = document.getElementById('EventLog');
-     log.insertBefore(span, log.firstChild);
-}
-
+    var span = document.createElement("span");
+    span.innerHTML = html;
+    var log = document.getElementById('EventLog');
+    log.insertBefore(span, log.firstChild);
+}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs2/es5-datasource.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs2/es5-datasource.js
index 90f3365e0..e500b0da6 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs2/es5-datasource.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs2/es5-datasource.js
@@ -1,4 +1,4 @@
-let defaultData = [
+var defaultData = [
     {
         "Customer Name": "Romona Heaslip",
         "Model": "Taurus",
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs2/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs2/index.js
index 6015e2d59..0e255992d 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs2/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/dynamic-data-binding-cs2/index.js
@@ -1,113 +1,112 @@
-
-let sheet = [{
-    ranges: [{ dataSource: defaultData }],
-    columns: [
-        { width: 180 }, { width: 130 }, { width: 130 }, { width: 180 },
-        { width: 130 }, { width: 120 }
-    ]
+var sheet = [{
+  ranges: [{ dataSource: defaultData }],
+  columns: [
+    { width: 180 }, { width: 130 }, { width: 130 }, { width: 180 },
+    { width: 130 }, { width: 120 }
+  ]
 }];
 
-let spreadsheet = new ej.spreadsheet.Spreadsheet({
-    sheets: sheet,
-    created: function () {
-        // Applies cell formatting to specified range of the active sheet
-        spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
-    }
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
+  sheets: sheet,
+  created: function () {
+    // Applies cell formatting to specified range of the active sheet
+    spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
+  }
 });
 
 spreadsheet.appendTo('#spreadsheet');
 
-document.getElementById("updateDynamicData").onclick = () => {
-    let newDataCollection = {
-        dataSource: [
-          {
-            'Payment Mode': 'Debit Card',
-            'Delivery Date': '07/11/2015',
-            'Amount': '8529.22',
-          },
-          {
-            'Payment Mode': 'Cash On Delivery',
-            'Delivery Date': '7/13/2016',
-            'Amount': '17866.19',
-          },
-          {
-            'Payment Mode': 'Net Banking',
-            'Delivery Date': '09/04/2015',
-            'Amount': '13853.09',
-          },
-          {
-            'Payment Mode': 'Credit Card',
-            'Delivery Date': '12/15/2017',
-            'Amount': '2338.74',
-          },
-          {
-            'Payment Mode': 'Credit Card',
-            'Delivery Date': '10/08/2014',
-            'Amount': '9578.45',
-          },
-          {
-            'Payment Mode': 'Cash On Delivery',
-            'Delivery Date': '7/01/2017',
-            'Amount': '19141.62',
-          },
-          {
-            'Payment Mode': 'Credit Card',
-            'Delivery Date': '12/20/2015',
-            'Amount': '6543.30',
-          },
-          {
-            'Payment Mode': 'Credit Card',
-            'Delivery Date': '11/24/2014',
-            'Amount': '13035.06',
-          },
-          {
-            'Payment Mode': 'Debit Card',
-            'Delivery Date': '05/12/2014',
-            'Amount': '18488.80',
-          },
-          {
-            'Payment Mode': 'Net Banking',
-            'Delivery Date': '12/30/2014',
-            'Amount': '12317.04',
-          },
-          {
-            'Payment Mode': 'Credit Card',
-            'Delivery Date': '12/18/2013',
-            'Amount': '6230.13',
-          },
-          {
-            'Payment Mode': 'Cash On Delivery',
-            'Delivery Date': '02/02/2015',
-            'Amount': '9709.49',
-          },
-          {
-            'Payment Mode': 'Debit Card',
-            'Delivery Date': '11/19/2014',
-            'Amount': '9766.10',
-          },
-          {
-            'Payment Mode': 'Net Banking',
-            'Delivery Date': '02/08/2014',
-            'Amount': '7685.49',
-          },
-          {
-            'Payment Mode': 'Debit Card',
-            'Delivery Date': '08/05/2016',
-            'Amount': '18012.45',
-          },
-          {
-            'Payment Mode': 'Credit Card',
-            'Delivery Date': '05/30/2016',
-            'Amount': '2785.49',
-          },
-          {
-            'Payment Mode': 'Debit Card',
-            'Delivery Date': '12/10/2016',
-            'Amount': '9967.74',
-          },
-        ],
-        startCell: 'D1',
-      };
-      // update the multiple cell values
-      spreadsheet.updateRange(newDataCollection, 0);
+document.getElementById("updateDynamicData").onclick = function () {
+  var newDataCollection = {
+    dataSource: [
+      {
+        'Payment Mode': 'Debit Card',
+        'Delivery Date': '07/11/2015',
+        'Amount': '8529.22',
+      },
+      {
+        'Payment Mode': 'Cash On Delivery',
+        'Delivery Date': '7/13/2016',
+        'Amount': '17866.19',
+      },
+      {
+        'Payment Mode': 'Net Banking',
+        'Delivery Date': '09/04/2015',
+        'Amount': '13853.09',
+      },
+      {
+        'Payment Mode': 'Credit Card',
+        'Delivery Date': '12/15/2017',
+        'Amount': '2338.74',
+      },
+      {
+        'Payment Mode': 'Credit Card',
+        'Delivery Date': '10/08/2014',
+        'Amount': '9578.45',
+      },
+      {
+        'Payment Mode': 'Cash On Delivery',
+        'Delivery Date': '7/01/2017',
+        'Amount': '19141.62',
+      },
+      {
+        'Payment Mode': 'Credit Card',
+        'Delivery Date': '12/20/2015',
+        'Amount': '6543.30',
+      },
+      {
+        'Payment Mode': 'Credit Card',
+        'Delivery Date': '11/24/2014',
+        'Amount': '13035.06',
+      },
+      {
+        'Payment Mode': 'Debit Card',
+        'Delivery Date': '05/12/2014',
+        'Amount': '18488.80',
+      },
+      {
+        'Payment Mode': 'Net Banking',
+        'Delivery Date': '12/30/2014',
+        'Amount': '12317.04',
+      },
+      {
+        'Payment Mode': 'Credit Card',
+        'Delivery Date': '12/18/2013',
+        'Amount': '6230.13',
+      },
+      {
+        'Payment Mode': 'Cash On Delivery',
+        'Delivery Date': '02/02/2015',
+        'Amount': '9709.49',
+      },
+      {
+        'Payment Mode': 'Debit Card',
+        'Delivery Date': '11/19/2014',
+        'Amount': '9766.10',
+      },
+      {
+        'Payment Mode': 'Net Banking',
+        'Delivery Date': '02/08/2014',
+        'Amount': '7685.49',
+      },
+      {
+        'Payment Mode': 'Debit Card',
+        'Delivery Date': '08/05/2016',
+        'Amount': '18012.45',
+      },
+      {
+        'Payment Mode': 'Credit Card',
+        'Delivery Date': '05/30/2016',
+        'Amount': '2785.49',
+      },
+      {
+        'Payment Mode': 'Debit Card',
+        'Delivery Date': '12/10/2016',
+        'Amount': '9967.74',
+      },
+    ],
+    startCell: 'D1',
+  };
+  // update the multiple cell values
+  spreadsheet.updateRange(newDataCollection, 0);
 };
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs1/index.js
index defa54d08..957138d96 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs1/index.js
@@ -1,11 +1,10 @@
 // Initialize the Spreadsheet component.
-
 var sheet = [{
-                ranges: [{ dataSource: tradeData }],
-                columns: [{ width: 100 }, { width: 130 },{ width: 96},
-                    { width: 130 }, { width: 130 },{ width: 96},
-                    { width: 100 }, { width: 100 },{ width: 110}, { width: 100 }, { width: 130 },{ width: 150}]
-                }];
+    ranges: [{ dataSource: tradeData }],
+    columns: [{ width: 100 }, { width: 130 }, { width: 96 },
+    { width: 130 }, { width: 130 }, { width: 96 },
+    { width: 100 }, { width: 100 }, { width: 110 }, { width: 100 }, { width: 130 }, { width: 150 }]
+}];
 
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
     sheets: sheet,
@@ -14,13 +13,11 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
         if (spreadsheet.activeSheetIndex === 0) {
             var departments = ['Sweden', 'Canada', 'UK'];
             var predicateList = []
-            departments.forEach((department) => { predicateList.push({ field: 'D', predicate: 'or', operator: 'equal', value: department }); })
+            departments.forEach(function (department) { predicateList.push({ field: 'D', predicate: 'or', operator: 'equal', value: department }); })
             spreadsheet.applyFilter(predicateList);
         }
     }
-    });
+});
 
 // Render initialized Spreadsheet.
-spreadsheet.appendTo('#spreadsheet');
-
-
+spreadsheet.appendTo('#spreadsheet');
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs2/es5-datasource.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs2/es5-datasource.js
index 95a2c578b..0b6a601f8 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs2/es5-datasource.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs2/es5-datasource.js
@@ -1,5 +1,5 @@
 
-let defaultData = [
+var defaultData = [
   {
       "Customer Name": "Romona Heaslip",
       "Model": "Taurus",
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs2/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs2/index.js
index 33274c28f..ca4c75c59 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs2/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/filter-cs2/index.js
@@ -1,5 +1,5 @@
 
-let sheet = [{
+var sheet = [{
     ranges: [{ dataSource: defaultData }],
     columns: [
         { width: 180 }, { width: 130 }, { width: 130 }, { width: 180 },
@@ -7,13 +7,13 @@ let sheet = [{
     ]
 }];
 
-let spreadsheet = new ej.spreadsheet.Spreadsheet({
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
     sheets: sheet,
     created: function () {
         // Applies cell formatting to specified range of the active sheet
         spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
         // Construct the predicate model to be updated to the data.
-        let predicates = [{
+        var predicates = [{
             field: 'C',
             operator: 'equal',
             value: 'Pink',
@@ -26,14 +26,14 @@ let spreadsheet = new ej.spreadsheet.Spreadsheet({
 
 spreadsheet.appendTo('#spreadsheet');
 
-document.getElementById("getFilterData").onclick = () => {
-    let activeSheet = spreadsheet.getActiveSheet();
-    let usedRange = activeSheet.usedRange;
-    for (let i = 0; i <= usedRange.rowIndex; i++) {
+document.getElementById("getFilterData").onclick = function () {
+    var activeSheet = spreadsheet.getActiveSheet();
+    var usedRange = activeSheet.usedRange;
+    for (var i = 0; i <= usedRange.rowIndex; i++) {
         // Get the filtered row using isFiltered property.
-        let filteredRow = (activeSheet.rows[i]).isFiltered;
+        var filteredRow = (activeSheet.rows[i]).isFiltered;
         if (!filteredRow) {
-            let rowData = spreadsheet.getRowData(i);
+            var rowData = spreadsheet.getRowData(i);
             console.log("Row:", i + 1, "Cells", rowData);
         }
     }
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/find-target-context-menu/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/find-target-context-menu/index.js
index 70ba205c0..dd1e079d3 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/find-target-context-menu/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/find-target-context-menu/index.js
@@ -1,6 +1,6 @@
 ej.base.enableRipple(true);
 
-let spreadsheet = new ej.spreadsheet.Spreadsheet({
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
   contextMenuBeforeOpen: function (args) {
     if (ejs.base.closest(args.event.target, '.e-sheet-content')) {
       console.log('Cell Context Menu');
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/format/globalization-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/format/globalization-cs1/index.js
index b6ee2e014..7d8f352f0 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/format/globalization-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/format/globalization-cs1/index.js
@@ -1,17 +1,19 @@
 ej.base.enableRipple(true);
 
 // Loading the culture-related files.
-const loadCultureFiles = (locales) => {
-    const files = ['ca-gregorian', 'numbers', 'timeZoneNames', 'currencies', 'numberingSystems'];
-    locales.forEach((locale) => {
-        for (const fileName of files) {
-            const url = './cldr-data/' + (fileName === 'numberingSystems' ? '' : (locale + '/')) + fileName + '.json';
-            const ajax = new ej.base.Ajax(url, 'GET', false);
-            ajax.onSuccess = (value) => ej.base.loadCldr(JSON.parse(value));
+var loadCultureFiles = function (locales) {
+    var files = ['ca-gregorian', 'numbers', 'timeZoneNames', 'currencies', 'numberingSystems'];
+    locales.forEach(function (locale) {
+        for (var i = 0; i < files.length; i++) {
+            var fileName = files[i];
+            var url = './cldr-data/' + (fileName === 'numberingSystems' ? '' : (locale + '/')) + fileName + '.json';
+            var ajax = new ej.base.Ajax(url, 'GET', false);
+            // Load each CLDR JSON file when fetched
+            ajax.onSuccess = function (value) { ej.base.loadCldr(JSON.parse(value)); };
             ajax.send();
         }
     });
-}
+};
 loadCultureFiles(['de', 'fr-CH', 'zh']);
 
 // Setting German culture.
@@ -19,38 +21,38 @@ ej.base.setCulture('de');
 // Setting currency code for the German culture.
 ej.base.setCurrencyCode('EUR');
 
-const localeFormats = {
+var localeFormats = {
     'de': [{ id: 37, code: '#,##0;-#,##0' }, { id: 38, code: '#,##0;[Red]-#,##0' },
-        { id: 39, code: '#,##0.00;-#,##0.00' }, { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '#,##0 "€";-#,##0 "€"' },
-        { id: 6, code: '#,##0 "€";[Red]-#,##0 "€"' }, { id: 7, code: '#,##0.00 "€";-#,##0.00 "€"' },
-        { id: 8, code: '#,##0.00 "€";[Red]-#,##0.00 "€"' }, { id: 41, code: '_-* #,##0_-;-* #,##0_-;_-* "-"_-;_-@_-' },
-        { id: 42, code: '_-* #,##0 "€"_-;-* #,##0 "€"_-;_-* "-" "€"_-;_-@_-' },
-        { id: 43, code: '_-* #,##0.00_-;-* #,##0.00_-;_-* "-"??_-;_-@_-' },
-        { id: 44, code: '_-* #,##0.00 "€"_-;-* #,##0.00 "€"_-;_-* "-"?? "€"_-;_-@_-' },
-        { id: 14, code: 'dd.MM.yyyy' }, { id: 15, code: 'dd. MMM yy' }, { id: 16, code: 'dd. MMM' }, { id: 17, code: 'MMM yy' },
-        { id: 20, code: 'hh:mm' }, { id: 21, code: 'hh:mm:ss' }, { id: 22, code: 'dd.MM.yyyy hh:mm' }],
+    { id: 39, code: '#,##0.00;-#,##0.00' }, { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '#,##0 "€";-#,##0 "€"' },
+    { id: 6, code: '#,##0 "€";[Red]-#,##0 "€"' }, { id: 7, code: '#,##0.00 "€";-#,##0.00 "€"' },
+    { id: 8, code: '#,##0.00 "€";[Red]-#,##0.00 "€"' }, { id: 41, code: '_-* #,##0_-;-* #,##0_-;_-* "-"_-;_-@_-' },
+    { id: 42, code: '_-* #,##0 "€"_-;-* #,##0 "€"_-;_-* "-" "€"_-;_-@_-' },
+    { id: 43, code: '_-* #,##0.00_-;-* #,##0.00_-;_-* "-"??_-;_-@_-' },
+    { id: 44, code: '_-* #,##0.00 "€"_-;-* #,##0.00 "€"_-;_-* "-"?? "€"_-;_-@_-' },
+    { id: 14, code: 'dd.MM.yyyy' }, { id: 15, code: 'dd. MMM yy' }, { id: 16, code: 'dd. MMM' }, { id: 17, code: 'MMM yy' },
+    { id: 20, code: 'hh:mm' }, { id: 21, code: 'hh:mm:ss' }, { id: 22, code: 'dd.MM.yyyy hh:mm' }],
     'zh': [{ id: 37, code: '#,##0;-#,##0' }, { id: 38, code: '#,##0;[Red]-#,##0' }, { id: 39, code: '#,##0.00;-#,##0.00' },
-        { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '"¥"#,##0;"¥"-#,##0' }, { id: 6, code: '"¥"#,##0;[Red]"¥"-#,##0' },
-        { id: 7, code: '"¥"#,##0.00;"¥"-#,##0.00' }, { id: 8, code: '"¥"#,##0.00;[Red]"¥"-#,##0.00' },
-        { id: 41, code: '_ * #,##0_ ;_ * -#,##0_ ;_ * "-"_ ;_ @_' }, { id: 42, code: '_ "¥"* #,##0_ ;_ "¥"* -#,##0_ ;_ "¥"* "-"_ ;_ @_' },
-        { id: 43, code: '_ * #,##0.00_ ;_ * -#,##0.00_ ;_ * "-"??_ ;_ @_' },
-        { id: 44, code: '_ "¥"* #,##0.00_ ;_ "¥"* -#,##0.00_ ;_ "¥"* "-"??_ ;_ @_' },
-        { id: 14, code: 'yyyy/m/d' }, { id: 22, code: 'yyyy/m/d h:mm' }],
+    { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '"¥"#,##0;"¥"-#,##0' }, { id: 6, code: '"¥"#,##0;[Red]"¥"-#,##0' },
+    { id: 7, code: '"¥"#,##0.00;"¥"-#,##0.00' }, { id: 8, code: '"¥"#,##0.00;[Red]"¥"-#,##0.00' },
+    { id: 41, code: '_ * #,##0_ ;_ * -#,##0_ ;_ * "-"_ ;_ @_' }, { id: 42, code: '_ "¥"* #,##0_ ;_ "¥"* -#,##0_ ;_ "¥"* "-"_ ;_ @_' },
+    { id: 43, code: '_ * #,##0.00_ ;_ * -#,##0.00_ ;_ * "-"??_ ;_ @_' },
+    { id: 44, code: '_ "¥"* #,##0.00_ ;_ "¥"* -#,##0.00_ ;_ "¥"* "-"??_ ;_ @_' },
+    { id: 14, code: 'yyyy/m/d' }, { id: 22, code: 'yyyy/m/d h:mm' }],
     'fr-CH': [{ id: 37, code: '#,##0;-#,##0' }, { id: 38, code: '#,##0;[Red]-#,##0' }, { id: 39, code: '#,##0.00;-#,##0.00' },
-        { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '#,##0 "CHF";-#,##0 "CHF"' },
-        { id: 6, code: '#,##0 "CHF";[Red]-#,##0 "CHF"' }, { id: 7, code: '#,##0.00 "CHF";-#,##0.00 "CHF"' },
-        { id: 8, code: '#,##0.00 "CHF";[Red]-#,##0.00 "CHF"' }, { id: 14, code: 'dd.MM.yyyy' }, { id: 15, code: 'dd.MMM.yy' },
-        { id: 16, code: 'dd.MMM' }, { id: 17, code: 'MMM.yy' }, { id: 20, code: 'HH:mm' }, { id: 21, code: 'HH:mm:ss' },
-        { id: 22, code: 'dd.MM.yyyy HH:mm' }, { id: 42, code: '_-* #,##0 "CHF"_-;-* #,##0 "CHF"_-;_-* "-" "CHF"_-;_-@_-' },
-        { id: 44, code: '_-* #,##0.00 "CHF"_-;-* #,##0.00 "CHF"_-;_-* "-"?? "CHF"_-;_-@_-' },
-        { id: 41, code: '_-* #,##0_-;-* #,##0_-;_-* "-"_-;_-@_-' }, { id: 43, code: '_-* #,##0.00_-;-* #,##0.00_-;_-* "-"??_-;_-@_-' }
+    { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '#,##0 "CHF";-#,##0 "CHF"' },
+    { id: 6, code: '#,##0 "CHF";[Red]-#,##0 "CHF"' }, { id: 7, code: '#,##0.00 "CHF";-#,##0.00 "CHF"' },
+    { id: 8, code: '#,##0.00 "CHF";[Red]-#,##0.00 "CHF"' }, { id: 14, code: 'dd.MM.yyyy' }, { id: 15, code: 'dd.MMM.yy' },
+    { id: 16, code: 'dd.MMM' }, { id: 17, code: 'MMM.yy' }, { id: 20, code: 'HH:mm' }, { id: 21, code: 'HH:mm:ss' },
+    { id: 22, code: 'dd.MM.yyyy HH:mm' }, { id: 42, code: '_-* #,##0 "CHF"_-;-* #,##0 "CHF"_-;_-* "-" "CHF"_-;_-@_-' },
+    { id: 44, code: '_-* #,##0.00 "CHF"_-;-* #,##0.00 "CHF"_-;_-* "-"?? "CHF"_-;_-@_-' },
+    { id: 41, code: '_-* #,##0_-;-* #,##0_-;_-* "-"_-;_-@_-' }, { id: 43, code: '_-* #,##0.00_-;-* #,##0.00_-;_-* "-"??_-;_-@_-' }
     ],
     'en-US': []
 };
 // Mapping default number formats for the 'de' locale before the spreadsheet is created.
 ej.spreadsheet.configureLocalizedFormat(null, localeFormats['de']);
 
-const spreadsheet = new ej.spreadsheet.Spreadsheet({
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
     locale: 'de',
     listSeparator: ';',
     sheets: [{
@@ -59,7 +61,7 @@ const spreadsheet = new ej.spreadsheet.Spreadsheet({
     }],
     openUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
     saveUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
-    created: () => {
+    created: function () {
         spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
         applyFormats();
     }
@@ -68,7 +70,7 @@ const spreadsheet = new ej.spreadsheet.Spreadsheet({
 spreadsheet.appendTo('#spreadsheet');
 
 // Setting culture-specific number formats for cells.
-const applyFormats = () => {
+var applyFormats = function () {
     // Apply format to the specified range in the active sheet.
     // The getFormatFromType method returns the culture-based format code based on the mapped formats.
     // If a format ID is not mapped or is not applicable, it will return the format code based on the loaded culture.
@@ -102,10 +104,10 @@ new ej.dropdowns.DropDownList(
         width: '150px',
         popupHeight: '200px',
         placeholder: 'Select Locale',
-        change: (args) => {
-            const localeOption = args.value.split(' ');
+        change: function (args) {
+            var localeOption = args.value.split(' ');
             // Setting the culture name like 'de', 'fr-CH', 'zh', and 'en-US'.
-            const cultureName = localeOption[0];
+            var cultureName = localeOption[0];
             ej.base.setCulture(cultureName);
             // Setting the currency code for the selected locale like 'EUR', 'CNY', 'CHF', and 'USD'.
             ej.base.setCurrencyCode(localeOption[1]);
@@ -120,4 +122,5 @@ new ej.dropdowns.DropDownList(
             applyFormats();
         }
     },
-    '#locale');
+    '#locale'
+);
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/insert-sheet-change-active-sheet-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/insert-sheet-change-active-sheet-cs1/index.js
index 727763614..a4022c61c 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/insert-sheet-change-active-sheet-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/insert-sheet-change-active-sheet-cs1/index.js
@@ -18,7 +18,7 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
 // Render initialized Spreadsheet.
 spreadsheet.appendTo('#spreadsheet');
 
-document.getElementById("insertSheet").onclick = () => {
+document.getElementById("insertSheet").onclick = function () {
     spreadsheet.insertSheet(
         [
             {
@@ -35,9 +35,8 @@ document.getElementById("insertSheet").onclick = () => {
         ]
     );
     // Use the timeout function to wait until the sheet is inserted.
-    setTimeout(() => {
+    setTimeout(function () {
         // Method for switching to a new sheet.
         spreadsheet.goTo('new_sheet!A1');
     })
-};
-
+};
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-blobdata-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-blobdata-cs1/index.html
index 974340079..5400c1cc0 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-blobdata-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-blobdata-cs1/index.html
@@ -24,7 +24,6 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
 
   <script src="https://cdn.syncfusion.com/ej2/26.1.35/dist/ej2.min.js" type="text/javascript"></script>
-  <script src="es5-datasource.js" type="text/javascript"></script>
 </head>
 
 <body>
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-blobdata-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-blobdata-cs1/index.js
index 91c909574..4efd71f63 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-blobdata-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-blobdata-cs1/index.js
@@ -7,11 +7,11 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
   sheets: [{
   }],
 
-  created: () => {
+  created: function () {
     fetch(base64String)
-    // To obtain blob data from base64 string.
-      .then((response) => response.blob())
-      .then((fileBlob) => {
+      // To obtain blob data from base64 string.
+      .then(function (response) { return response.blob(); })
+      .then(function (fileBlob) {
         // To convert obtained blob data as a file.
         var file = new File([fileBlob], 'Sample.xlsx');
         spreadsheet.open({ file: file });
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-json/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-json/index.js
index 1ae0dfb70..c998da2a7 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-json/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-from-json/index.js
@@ -1,15 +1,15 @@
 //Initialize the Spreadsheet control
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
-    beforeOpen: (args) => {
+    beforeOpen: function (args) {
         args.cancel = true;
         var valueOnlyCheckbox = document.getElementById("valueOnly").checked;
         var options = valueOnlyCheckbox ? { onlyValues: true } : createOptions();
         fetch(
             'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
             args.requestData
-        ).then((response) => {
-            response.json().then((data) => {
-                spreadsheet.openFromJson({ file: data }, options)
+        ).then(function (response) {
+            response.json().then(function (data) {
+                spreadsheet.openFromJson({ file: data }, options);
             });
         });
     }
@@ -26,9 +26,9 @@ var uploader = new ej.inputs.Uploader({
     allowedExtensions: '.xlsx, .xls, .csv',
     showFileList: false,
     buttons: {
-        browse: 'Choose file',
+        browse: 'Choose file'
     },
-    success: (args) => {
+    success: function (args) {
         if (args.operation == 'upload') {
             spreadsheet.open({ file: args.file.rawFile });
         }
@@ -54,15 +54,16 @@ function createOptions() {
 function toggleCheckboxes() {
     var valueOnlyCheckbox = document.getElementById('valueOnly');
     var checkboxes = document.querySelectorAll('#Openfromjson input[type="checkbox"]:not(#valueOnly)');
-    checkboxes.forEach(checkbox => {
-        (checkbox).disabled = valueOnlyCheckbox.checked;
+    for (var i = 0; i < checkboxes.length; i++) {
+        var checkbox = checkboxes[i];
+        checkbox.disabled = valueOnlyCheckbox.checked;
         if (valueOnlyCheckbox.checked) {
-            (checkbox).checked = false;
+            checkbox.checked = false;
         }
-    });
+    }
 }
 
 var valueOnlyElement = document.getElementById('valueOnly');
 if (valueOnlyElement) {
     valueOnlyElement.addEventListener('change', toggleCheckboxes);
-}
+}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs2/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs2/index.js
index 79e1db5ce..b01fd514b 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs2/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs2/index.js
@@ -1,17 +1,16 @@
- //Initialize Spreadsheet component.
-    var spreadsheet = new ej.spreadsheet.Spreadsheet({
-        openUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
-        saveUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
-        created: function () {
-            fetch("https://cdn.syncfusion.com/scripts/spreadsheet/Sample.xlsx") // fetch the remote url
-                .then((response) => {
-                    response.blob().then((fileBlob) => { // convert the excel file to blob
+//Initialize Spreadsheet component.
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
+    openUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
+    saveUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
+    created: function () {
+        fetch("https://cdn.syncfusion.com/scripts/spreadsheet/Sample.xlsx") // fetch the remote url
+            .then(function (response) {
+                response.blob().then(function (fileBlob) { // convert the excel file to blob
                     var file = new File([fileBlob], "Sample.xlsx"); //convert the blob into file
                     spreadsheet.open({ file: file }); // open the file into Spreadsheet
-                    })
-                })
-        }
-    });
-    //Render initialized Spreadsheet component.
-    spreadsheet.appendTo('#spreadsheet');
-
+                });
+            });
+    }
+});
+//Render initialized Spreadsheet component.
+spreadsheet.appendTo('#spreadsheet');
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs3/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs3/index.js
index 26aa9fbe6..0719a1bcb 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs3/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs3/index.js
@@ -1,14 +1,19 @@
- //Initialize Spreadsheet component.
-    var spreadsheet = new ej.spreadsheet.Spreadsheet({
-        openUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
-        saveUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
-        beforeOpen: function (args) {
-            args.requestData['headers'] = {
-              ...args.requestData,
-              headers: { Authorization: 'YOUR TEXT' },
-            };
+//Initialize Spreadsheet component.
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
+    openUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
+    saveUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
+    beforeOpen: function (args) {
+        // Ensure requestData exists
+        if (!args.requestData) {
+            args.requestData = {};
         }
-    });
-    //Render initialized Spreadsheet component.
-    spreadsheet.appendTo('#spreadsheet');
-
+        // Ensure headers object exists (preserve any existing headers)
+        if (!args.requestData.headers) {
+            args.requestData.headers = {};
+        }
+        // Set/override the Authorization header
+        args.requestData.headers.Authorization = 'YOUR TEXT';
+    }
+});
+//Render initialized Spreadsheet component.
+spreadsheet.appendTo('#spreadsheet');
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs7/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs7/index.js
index 49f6549c2..ed4b5f823 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs7/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/open-save-cs7/index.js
@@ -1,4 +1,3 @@
-
 var sheet = [{
   rows: [{
     index: 0,
@@ -64,7 +63,7 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
   fileMenuItemSelect: function (args) {
     if (args.item.text === 'Microsoft Excel') {
       args.cancel = true;
-      spreadsheet.saveAsJson().then((response) => {
+      spreadsheet.saveAsJson().then(function (response) {
         var formData = new FormData();
         formData.append(
           'JSONData',
@@ -72,18 +71,18 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
         );
         formData.append('fileName', 'Sample');
         formData.append('saveType', 'Xlsx');
-        formData.append('pdfLayoutSettings', JSON.stringify({ fitSheetOnOnePage: false, orientation: 'Portrait' })),
+        formData.append('pdfLayoutSettings', JSON.stringify({ fitSheetOnOnePage: false, orientation: 'Portrait' }));
         fetch(
           'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
           {
             method: 'POST',
             headers: { Authorization: 'YOUR TEXT' },
-            body: formData,
+            body: formData
           }
-        ).then((response) => {
-          response.blob().then((data) => {
+        ).then(function (response) {
+          response.blob().then(function (data) {
             var anchor = ej.base.createElement('a', {
-              attrs: { download: 'Sample.xlsx' },
+              attrs: { download: 'Sample.xlsx' }
             });
             var url = URL.createObjectURL(data);
             anchor.href = url;
@@ -95,8 +94,7 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
         });
       });
     }
-  },
+  }
 });
 //Render initialized Spreadsheet component.
-spreadsheet.appendTo('#spreadsheet');
-
+spreadsheet.appendTo('#spreadsheet');
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/print-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/print-cs1/index.js
index 2503f4dee..2c522a6b9 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/print-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/print-cs1/index.js
@@ -12,7 +12,7 @@ var items = [
 var drpDownBtn = new ej.splitbuttons.DropDownButton({
   items: items,
   cssClass: "e-round-corner",
-  select: (args) => {
+  select: function (args) {
     if (args.item.text === 'Print') {
       printElement.querySelector(".e-sheet-content").innerHTML = document.querySelector(
         ".e-sheet-content"
@@ -73,13 +73,13 @@ var columns = [{ width: 100 }, { width: 100 },{ width: 100},
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
   sheets: [{ name: 'Budget', ranges: [{ dataSource: budgetData }], columns: columns },
                 {name: 'Salary', ranges: [{ dataSource: salaryData }], columns: columns}],
-  created: () => {
+  created: function () {
     spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
     spreadsheet.cellFormat({ fontWeight: 'bold'}, 'A11:D11');
     spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Salary!A1:D1');
     spreadsheet.cellFormat({ fontWeight: 'bold'}, 'Salary!A7:D7');
   },
-  dataBound: () => {
+  dataBound: function () {
     if (isPrint) {
       printElement.querySelector(".e-sheet-content").innerHTML += document
         .querySelector(".e-sheet-content").outerHTML;
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/print-cs2/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/print-cs2/index.js
index da9a59336..fa5e62aef 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/print-cs2/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/print-cs2/index.js
@@ -115,7 +115,7 @@ var allowRowColumnHeader;
 var drpDownBtn = new ej.splitbuttons.DropDownButton({
   items: items,
   cssClass: 'e-round-corner',
-  select: (args) => {
+  select: function (args) {
     spreadsheet.print({
       type: args.item.text,
       allowGridLines: allowGridLines,
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-sheet-cs2/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-sheet-cs2/index.js
index 1f72c2751..09020f50f 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-sheet-cs2/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-sheet-cs2/index.js
@@ -1,39 +1,38 @@
 // Initialize the Spreadsheet component.
-var columns = [{ width: 100 }, { width: 100 },{ width: 100},
-    { width: 100 }];
-let spreadsheet = new ej.spreadsheet.Spreadsheet({
-    sheets: [{ name: 'Budget', ranges: [{ dataSource: budgetData }], columns: columns,isProtected: true, protectSettings: {selectCells: true} },
-                {name: 'Salary', ranges: [{ dataSource: salaryData }], columns: columns}],
+var columns = [{ width: 100 }, { width: 100 }, { width: 100 },
+{ width: 100 }];
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
+    sheets: [{ name: 'Budget', ranges: [{ dataSource: budgetData }], columns: columns, isProtected: true, protectSettings: { selectCells: true } },
+    { name: 'Salary', ranges: [{ dataSource: salaryData }], columns: columns }],
     dataBound: function () {
-                spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
-                spreadsheet.cellFormat({ fontWeight: 'bold'}, 'A11:D11');
-            }
+        spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
+        spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A11:D11');
+    }
 });
 
 spreadsheet.appendTo('#spreadsheet');
 
 var dialogObj = new ej.popups.Dialog({
-        header: 'Spreadsheet',
-        target: document.getElementById('spreadsheet'),
-        content: '"A1:F3" range of cells has been unlocked.',
-        showCloseIcon: true,
-        isModal: true,
-        visible: false,
-        width: '500px',
-        buttons: [{
-            click: lockCells,
-            buttonModel: { content: 'Ok', isPrimary: true }
-        }]
-    });
+    header: 'Spreadsheet',
+    target: document.getElementById('spreadsheet'),
+    content: '"A1:F3" range of cells has been unlocked.',
+    showCloseIcon: true,
+    isModal: true,
+    visible: false,
+    width: '500px',
+    buttons: [{
+        click: lockCells,
+        buttonModel: { content: 'Ok', isPrimary: true }
+    }]
+});
 dialogObj.appendTo('#dialog');
 
-var button = new ej.buttons.Button({content: 'Unlock cells'});
+var button = new ej.buttons.Button({ content: 'Unlock cells' });
 button.appendTo('#button');
-document.getElementById('button').onclick = () => {
+document.getElementById('button').onclick = function () {
     dialogObj.show();
 };
 function lockCells() {
     spreadsheet.lockCells('A1:F3', false);
     dialogObj.hide();
-}
-
+}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-workbook/default-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-workbook/default-cs1/index.js
index c5b1c8bba..83b17262a 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-workbook/default-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-workbook/default-cs1/index.js
@@ -1,7 +1,7 @@
 // Initialize the Spreadsheet component.
 var columns = [{ width: 100 }, { width: 100 },{ width: 100},
     { width: 100 }];
-let spreadsheet = new ej.spreadsheet.Spreadsheet({
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
     isProtected: true,
     sheets: [{ name: 'Budget', ranges: [{ dataSource: budgetData }], columns: columns }],
     dataBound: function () {
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-workbook/default-cs2/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-workbook/default-cs2/index.js
index 39c91b343..40df057d1 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-workbook/default-cs2/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/protect-workbook/default-cs2/index.js
@@ -1,7 +1,7 @@
 // Initialize the Spreadsheet component.
 var columns = [{ width: 100 }, { width: 100 },{ width: 100},
     { width: 100 }];
-let spreadsheet = new ej.spreadsheet.Spreadsheet({
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
     password: 'syncfusion',
     sheets: [{ name: 'Budget', ranges: [{ dataSource: budgetData }], columns: columns }],
     dataBound: function () {
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/readonly-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/readonly-cs1/index.js
index 22beaa122..df902d3c3 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/readonly-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/readonly-cs1/index.js
@@ -1,33 +1,32 @@
+var columns = [{ width: 100 }, { width: 100 }, { width: 100, isReadOnly: true },
+{ width: 100 }, { width: 100 }, { width: 100 }];
 
-var columns = [{ width: 100 }, { width: 100 },{ width: 100 , isReadOnly: true},
-    { width: 100 }, { width: 100 },{ width: 100 }];
-
-var rows = [{index:3,isReadOnly:true},{index:4, cells:[{index:5, isReadOnly: true}]},{}]
+var rows = [{ index: 3, isReadOnly: true }, { index: 4, cells: [{ index: 5, isReadOnly: true }] }, {}]
 
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
-    sheets: [{ name: 'Budget', ranges: [{ dataSource: budgetData }], rows: rows, columns: columns}]
+    sheets: [{ name: 'Budget', ranges: [{ dataSource: budgetData }], rows: rows, columns: columns }]
 });
 
 spreadsheet.appendTo('#spreadsheet');
 
 // To make row 2 readonly.
-document.getElementById('button1').onclick = () => {
+document.getElementById('button1').onclick = function () {
     spreadsheet.setRangeReadOnly(true, '2:2', spreadsheet.activeSheetIndex);
 }
 
 // To make Column A readonly.
-document.getElementById('button2').onclick = () => {
+document.getElementById('button2').onclick = function () {
     spreadsheet.setRangeReadOnly(true, 'A:A', spreadsheet.activeSheetIndex);
 }
 
 // To make E5 cell readonly.
-document.getElementById('button3').onclick = () => {
+document.getElementById('button3').onclick = function () {
     spreadsheet.setRangeReadOnly(true, 'E5:E5', spreadsheet.activeSheetIndex);
 }
 
 // To remove readonly.
-document.getElementById('button4').onclick = () => {
+document.getElementById('button4').onclick = function () {
     spreadsheet.setRangeReadOnly(false, '2:2', spreadsheet.activeSheetIndex);
     spreadsheet.setRangeReadOnly(false, 'A:A', spreadsheet.activeSheetIndex);
     spreadsheet.setRangeReadOnly(false, 'E5:E5', spreadsheet.activeSheetIndex);
-}
+}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/ribbon/cutomization-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/ribbon/cutomization-cs1/index.js
index 0d546a2cc..b1caca487 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/ribbon/cutomization-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/ribbon/cutomization-cs1/index.js
@@ -75,7 +75,7 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
 spreadsheet.appendTo('#spreadsheet');
 
 function appendDropdownBtn(id) {
-    let ddlItems = [
+    var ddlItems = [
         {
             text: 'Download Excel',
         },
@@ -83,7 +83,7 @@ function appendDropdownBtn(id) {
             text: 'Download CSV',
         },
     ];
-    let btnObj = new ej.splitbuttons.DropDownButton({
+    var btnObj = new ej.splitbuttons.DropDownButton({
         items: ddlItems,
         content: 'Download',
         iconCss: 'e-icons e-download',
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-as-blobdata-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-as-blobdata-cs1/index.js
index a714ac42c..5e9b9948a 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-as-blobdata-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-as-blobdata-cs1/index.js
@@ -13,12 +13,12 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
     ]
   }],
 
-  beforeSave: (args) => {
+  beforeSave: function (args) {
     args.needBlobData = true; // To trigger the saveComplete event.
     args.isFullPost = false; // Get the spreadsheet data as blob data in the saveComplete event.
   },
 
-  saveComplete: (args) => {
+  saveComplete: function (args) {
     // To obtain the blob data
     console.log('Spreadsheet BlobData : ', args.blobData)
   }
@@ -26,4 +26,4 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
 });
 
 // Render initialized Spreadsheet.
-spreadsheet.appendTo('#spreadsheet');
+spreadsheet.appendTo('#spreadsheet');
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-as-json/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-as-json/index.js
index b9178d3d6..cde84ec18 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-as-json/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-as-json/index.js
@@ -2,7 +2,7 @@
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
     allowOpen: true,
     openUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
-    beforeOpen: (args) => {
+    beforeOpen: function (args) {
         // your code snippets here
     }
 });
@@ -13,10 +13,10 @@ spreadsheet.appendTo('#spreadsheet');
 var saveElement = document.getElementById("save");
 if (saveElement) {
     // Save button click event listener
-    saveElement.onclick = () => {
+    saveElement.onclick = function () {
         var valueOnlyCheckbox = document.getElementById("valueOnly").checked;
         var options = valueOnlyCheckbox ? { onlyValues: true } : createOptions();
-        spreadsheet.saveAsJson(options).then((response) => {
+        spreadsheet.saveAsJson(options).then(function (response) {
             var formData = new FormData();
             formData.append(
                 'JSONData',
@@ -24,26 +24,26 @@ if (saveElement) {
             );
             formData.append('fileName', 'Sample');
             formData.append('saveType', 'Xlsx');
-            formData.append('pdfLayoutSettings', JSON.stringify({ fitSheetOnOnePage: false, orientation: 'Portrait' })),
-                fetch(
-                    'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
-                    {
-                        method: 'POST',
-                        body: formData,
-                    }
-                ).then((response) => {
-                    response.blob().then((data) => {
-                        var anchor = ej.base.createElement('a', {
-                            attrs: { download: 'Sample.xlsx' },
-                        });
-                        var url = URL.createObjectURL(data);
-                        anchor.href = url;
-                        document.body.appendChild(anchor);
-                        anchor.click();
-                        URL.revokeObjectURL(url);
-                        document.body.removeChild(anchor);
+            formData.append('pdfLayoutSettings', JSON.stringify({ fitSheetOnOnePage: false, orientation: 'Portrait' }));
+            fetch(
+                'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
+                {
+                    method: 'POST',
+                    body: formData
+                }
+            ).then(function (response) {
+                response.blob().then(function (data) {
+                    var anchor = ej.base.createElement('a', {
+                        attrs: { download: 'Sample.xlsx' }
                     });
+                    var url = URL.createObjectURL(data);
+                    anchor.href = url;
+                    document.body.appendChild(anchor);
+                    anchor.click();
+                    URL.revokeObjectURL(url);
+                    document.body.removeChild(anchor);
                 });
+            });
         });
     };
 }
@@ -66,12 +66,13 @@ function createOptions() {
 function toggleCheckboxes() {
     var valueOnlyCheckbox = document.getElementById('valueOnly');
     var checkboxes = document.querySelectorAll('#Saveasjson input[type="checkbox"]:not(#valueOnly)');
-    checkboxes.forEach(checkbox => {
+    for (var i = 0; i < checkboxes.length; i++) {
+        var checkbox = checkboxes[i];
         checkbox.disabled = valueOnlyCheckbox.checked;
         if (valueOnlyCheckbox.checked) {
             checkbox.checked = false;
         }
-    });
+    }
 }
 
 var valueOnlyElement = document.getElementById('valueOnly');
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-cs1/index.js
index c4a07f6ca..329bbec19 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/save-cs1/index.js
@@ -19,15 +19,15 @@ var items = [
 var drpDownBtn = new ej.splitbuttons.DropDownButton({
   items: items,
   cssClass: "e-round-corner",
-  select: (args) => {
+  select: function (args) {
     if (args.item.text === 'Save As xlsx')
-      spreadsheet.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', fileName: "Sample", saveType: "Xlsx"});
+      spreadsheet.save({ url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', fileName: "Sample", saveType: "Xlsx" });
     if (args.item.text === 'Save As xls')
-      spreadsheet.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', fileName: "Sample", saveType: "Xls"});
+      spreadsheet.save({ url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', fileName: "Sample", saveType: "Xls" });
     if (args.item.text === 'Save As csv')
-      spreadsheet.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',fileName: "Sample", saveType: "Csv"});
+      spreadsheet.save({ url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', fileName: "Sample", saveType: "Csv" });
     if (args.item.text === 'Save As pdf')
-      spreadsheet.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',fileName: "Sample", saveType: "Pdf"});
+      spreadsheet.save({ url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', fileName: "Sample", saveType: "Pdf" });
   }
 });
 
@@ -35,13 +35,13 @@ var drpDownBtn = new ej.splitbuttons.DropDownButton({
 drpDownBtn.appendTo("#element");
 
 
-var columns = [{ width: 100 }, { width: 130 },{ width: 96},
-    { width: 130 }, { width: 130 },{ width: 96},
-    { width: 100 }, { width: 100 },{ width: 110}, { width: 100 }, { width: 130 },{ width: 150}]
+var columns = [{ width: 100 }, { width: 130 }, { width: 96 },
+{ width: 130 }, { width: 130 }, { width: 96 },
+{ width: 100 }, { width: 100 }, { width: 110 }, { width: 100 }, { width: 130 }, { width: 150 }]
 
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
-    sheets: [{ ranges: [{ dataSource: data }], columns: columns }],
-    allowSave: true
+  sheets: [{ ranges: [{ dataSource: data }], columns: columns }],
+  allowSave: true
 });
 
 //Render the initialized Spreadsheet.
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/selected-cell-values/es5-datasource.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/selected-cell-values/es5-datasource.js
index 95a2c578b..0b6a601f8 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/selected-cell-values/es5-datasource.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/selected-cell-values/es5-datasource.js
@@ -1,5 +1,5 @@
 
-let defaultData = [
+var defaultData = [
   {
       "Customer Name": "Romona Heaslip",
       "Model": "Taurus",
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/selected-cell-values/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/selected-cell-values/index.js
index cd37d72bb..c471ed49b 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/selected-cell-values/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/selected-cell-values/index.js
@@ -1,5 +1,4 @@
-
-let sheet = [{
+var sheet = [{
     ranges: [{ dataSource: defaultData }],
     columns: [
         { width: 180 }, { width: 130 }, { width: 130 }, { width: 180 },
@@ -7,7 +6,7 @@ let sheet = [{
     ]
 }];
 
-let spreadsheet = new ej.spreadsheet.Spreadsheet({
+var spreadsheet = new ej.spreadsheet.Spreadsheet({
     sheets: sheet,
     created: function () {
         // Applies cell formatting to specified range of the active sheet
@@ -17,19 +16,19 @@ let spreadsheet = new ej.spreadsheet.Spreadsheet({
 
 spreadsheet.appendTo('#spreadsheet');
 
-document.getElementById("getSelectedCellValues").onclick = () => {
-    let sheet = spreadsheet.getActiveSheet();
-    let selectedRange = sheet.selectedRange;
-    let index = ej.spreadsheet.getRangeIndexes(selectedRange);
-    let cellRange = ej.spreadsheet.getSwapRange(index);
-    let swappedRange = ej.spreadsheet.getRangeAddress(cellRange);
-    let valueObject = [];
-    let range = sheet.name + '!' + swappedRange;
-    // Get the collection of selected cell values by using the getData() method.
-    spreadsheet.getData(range).then((cells) => {
-      cells.forEach((cell) => {
-        valueObject.push(ej.base.isNullOrUndefined(cell.value) ? '' : cell.value);
-      });
-      console.log("Collection of selected cell values:", valueObject);
+document.getElementById("getSelectedCellValues").onclick = function () {
+    var sheet = spreadsheet.getActiveSheet();
+    var selectedRange = sheet.selectedRange;
+    var index = ej.spreadsheet.getRangeIndexes(selectedRange);
+    var cellRange = ej.spreadsheet.getSwapRange(index);
+    var swappedRange = ej.spreadsheet.getRangeAddress(cellRange);
+    var valueObject = [];
+    var range = sheet.name + '!' + swappedRange;
+    // Get the collection of selected cell values by using the getData() method.
+    spreadsheet.getData(range).then(function (cells) {
+        cells.forEach(function (cell) {
+            valueObject.push(ej.base.isNullOrUndefined(cell.value) ? '' : cell.value);
+        });
+        console.log("Collection of selected cell values:", valueObject);
     });
 };
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/selection-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/selection-cs1/index.js
index 5cdaa7ba5..9394217ee 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/selection-cs1/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/selection-cs1/index.js
@@ -15,7 +15,7 @@ var columns = [
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
     sheets: [{ name: 'Budget', ranges: [{ dataSource: budgetData }], columns: columns }],
     selectionSettings: { mode: 'Multiple' },
-    created: () => {
+    created: function () {
         var colCount = spreadsheet.getActiveSheet().colCount;
         spreadsheet.selectRange(ej.spreadsheet.getRangeAddress([4, 0, 4, colCount]));
     }
diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/selection-cs2/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/selection-cs2/index.js
index e9ef12954..488b1f22d 100644
--- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/selection-cs2/index.js
+++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/selection-cs2/index.js
@@ -15,13 +15,12 @@ var columns = [
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
     sheets: [{ name: 'Budget', ranges: [{ dataSource: budgetData }], columns: columns }],
     selectionSettings: { mode: 'Multiple' },
-    created: () => {
+    created: function () {
         spreadsheet.selectRange('B2:E6');
     }
 });
 
- 
 
-// Render initialized Spreadsheet.
-spreadsheet.appendTo('#spreadsheet');
 
+// Render initialized Spreadsheet.
+spreadsheet.appendTo('#spreadsheet');
\ No newline at end of file