Javascript Articles - Page 358 of 534

Following is the JavaScript code to make a format like ABC-1234 −Example Live Demo Document ABC1234    function joinTheDashSymbol(m, r1,r2,r3,r4,r5) {       if (r1)          return [r1,r2,r3].join('-');       else          return [r4,r5].join('-');    }    $(".formatting").text(function(i, words) {       words = words.replace(/^(\d{3})(\d{3})(\d{4})|([A-Z]{3})(\d{4})$/,       joinTheDashSymbol);       return words;    }); To run the above program, save the file name anyName.html(index.html) and right click on the file and select the option open with live server in VS code editor.Output

A default search text is a text that provides suggestions or a hint of what to search for in the search (input) box. Following is an illustration of a search box, where you can observe a default search text "Search your favorite tutorials…" : The above default search text will suggest to visitors that they can search for their favorite tutorial, which they want to read or open on the website. Adding Default Search Text to Search Box Using JavaScript In HTML, the text (i.e., search text) that appears inside a search box or input field before the user ... Read More

Display in alert by using alert(window()). Following is the syntax −alert(window['yourVariableName' + 'yourVariableName' + otherVariableName]);Example Live Demo Document    var globalVariablelocal_print100=100;    print100=1;    alert(window['globalVariable' + 'local_' + print100]); To run the above program, save the file name anyName.html(index.html) and right click on the file and select the option open with live server in VS code editor.Output

You can use the concept of value(). Following is the JavaScript code −Example Live Demo Document FirstNumber SecondNumber: Add Two Nnumbers The addition is:    function add() {       var f = parseInt(document.getElementsByName('input1')[0].value);`       var s =parseInt(document.getElementsByName('input2')[0].value);       var result = f+s;       document.getElementsByName('display')[0].value= result;    } To run the above program, save the file name anyName.html(index.html) and right click on the file and select the option open with live server in VS code editor.OutputOn clicking the button, the value will be displayed in the textbox. The snapshot is as follows −

Following is the code for object de-structuring in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample, .result {       font-size: 18px;       font-weight: 500;       color: red;    }    .result {       color: rebeccapurple;    } Object de-structuring in JavaScript. CLICK HERE Click on the above button to destructure the object above    let sampleEle = document.querySelector(".sample");    let resultEle = document.querySelector(".result");    let obj = { ... Read More

The optional catch binding introduced in ES2019 allows us to remove the surrounding parentheses of a catch binding i.e. we don’t need to use a variable to store the error object. It is useful especially if we know about the error in advance or even if want to react to an error without knowing about it.Following is the code for the optional catch binding in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       ... Read More

The Object.fromEntries() method in JavaScript is used for converting an iterable like an array, map having a key value pair into an object.Following is the code for the Object.fromEntries() method −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 20px;       font-weight: 500;    } Object.fromEntries() method [[firstName, Rohan], [lastName, Sharma], [age, 22]] Object = CLICK HERE Click on the above button to convert the above array into object   ... Read More

Adding and accessing object methods are common tasks in JavaScript. JavaScript objects are collections of properties and methods, and the JavaScript methods are functions associated with objects. JavaScript provides various features and ways to add and access object methods. In this article, we will understand how to add or access object methods in JavaScript. Understanding JavaScript Object Methods JavaScript methods are functions associated with objects. They allow objects to perform actions, which is important for creating dynamic and interactive programs. Methods in objects are functions that work with the object's properties. This helps make programming more organized and efficient. ... Read More

To declare block scoped variables, we use the keyword let and const introduced in ES2015.Following is the code showing declaring black scoped variables in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 20px;       font-weight: 500;    } Declaring block scoped variables CLICK HERE Click on the above button to declare and display block scoped variables    let resEle = document.querySelector(".result");    let sampleEle = document.querySelector(".sample");{     ... Read More

Following is the code for removing elements using splice() method in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample,.result {       font-size: 20px;       font-weight: 500;    } Remove elements using splice() CLICK HERE Click on the above button to remove elements between 1st and 5th element    let fillEle = document.querySelector(".sample");    let resEle = document.querySelector(".result");    let arr = [1, 3, 5, 7, 9, 11];    fillEle.innerHTML = arr;    document.querySelector(".Btn").addEventListener("click", () => {       arr.splice(1, 4);       resEle.innerHTML = "Spliced array = " + arr;    }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −