Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles on Trending Technologies
Technical articles with clear explanations and examples
Explain Enumerated Types in JavaScript.
JavaScript doesn’t support Enums out of the box. The only way to have enums in javaScript is to implement them using objects.Following is the code showing enumerated types in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Enumerated Types in JavaScript CLICK HERE Click on the above button to get the color values let resEle = document.querySelector(".result"); ...
Read MoreHow to embed JavaScript in HTML file?
Following is the code to embed JavaScript in html file −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Embed javascript in html file let resEle = document.querySelector(".result"); resEle.innerHTML += "Inline javaScript loaded" + ""; script.jsresEle.innerHTML += 'External JavaScript loaded ';OutputThe above code will produce the following output −
Read MoreExplain shorthand functions in JavaScript?
The arrow functions also known as shorthand functions were introduced in ES2015 and allows us to write function in a shorter way. They don’t have their own binding to this and get the this from the surrounding context.Following is the code showing shorthand functions in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Shorthand function in JavaScript CLICK HERE Click ...
Read MoreFlattening multi-dimensional arrays in JavaScript
Following is the code for flattening multi-dimensional arrays in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 20px; font-weight: 500; } Flattening multi-dimensional arrays in JavaScript [1,2,3,[4,5],[6,[7,8]]] After flat : CLICK HERE Click on the above button to flat the above array by depth 2 let resEle = document.querySelector(".result"); let sampleEle = document.querySelector(".sample"); let arr = [1, 2, 3, [4, 5], [6, [7, 8]]]; document.querySelector(".Btn").addEventListener("click", () => { let store = arr.flat(2); store.forEach((item, index) => { resEle.innerHTML += index + " : " + item + ""; }); }); OutputOn clicking the ‘CLICK HERE’ button
Read MoreFlattening arrays in JavaScript
Following is the code for flattening arrays in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 20px; font-weight: 500; } Flattening arrays in JavaScript [1,2,3,[4,5],[6,[7,8]]] After flat : CLICK HERE Click on the above button to flat the above array by depth 1 let resEle = document.querySelector(".result"); let sampleEle = document.querySelector(".sample"); let arr = [1,2,3,[4,5],[6,[7,8]]]; document.querySelector(".Btn").addEventListener("click", () => { let store = arr.flat(1); store.forEach((item,index) => { resEle.innerHTML += index + ' : ' + item + ''; }); }); OutputOn clicking the ‘CLICK HERE’ button −
Read MoreHow to create a URL object using JavaScript?
Following is the code to create a URL object using JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Url object in JavaScript CLICK HERE Click on the above button to create and display a url object let resEle = document.querySelector(".result"); let url = new URL("https://google.com/image=23&size=440px"); document.querySelector(".Btn").addEventListener("click", () => { resEle.innerHTML += "url protocol = " + url.protocol + ""; resEle.innerHTML += "url host = " + url.host + ""; resEle.innerHTML += "url.pathname = " + url.pathname + ""; }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
Read MoreFile and FileReader in JavaScript?
Following is the code showing file and fileReader in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 18px; font-weight: 500; color: rebeccapurple; } .result { color: red; } File and FileReader in JavaScript Click on the above button to display file and its details let resEle = document.querySelector(".result"); let sampleEle = document.querySelector(".sample"); function ...
Read MoreHow to convert an Image to blob using JavaScript?
Following is the code to convert an image to blob using JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Convert an Image to blob using JavaScript Convert Click on the above button to convert the above image to blob let BtnEle = document.querySelector(".Btn"); let resEle = gdocument.querySelector(".result"); BtnEle.addEventListener("click", () => { ...
Read MoreHow to access JavaScript properties?
There are three ways to access JavaScript properties −Using dot property access: object.propertyUsing square brackets notation: object[‘property’]Using object destructuring: let {property} = objectFollowing is the code for accessing JavaScript object properties −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 18px; font-weight: 500; color: blueviolet; } .sample { color: red; } Access JavaScript object properties {a:22, b:44} Access Click on the ...
Read MoreTextDecoder and TextEncoder in Javascript?
TextEncoder is used to convert a given string to utf-8 standard. It retunes an Uint8Array from the string.TextDecoder is used to covert a stream of bytes into a stream of code points. It can decode UTF-8 , ISO-8859-2, KOI8-R, GBK etc.Following is the code for TextDecoder and TextEncoder in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 18px; font-weight: 500; color: rebeccapurple; } .result { ...
Read More