Front End Technology Articles - Page 301 of 652

Adding a new CSS rule can help to create the desired look and feel for your web page or application. This article will explain how to insert a new CSS rule while working on JavaScript. It will provide step-by-step instructions on how to write and apply the necessary code in order to achieve the desired result. Additionally, we will also discuss some of the potential problems that may arise when inserting a new CSS rule into an existing project. The style sheet language known as CSS (cascading style sheets), is used to shape the HTML elements that will be ... Read More

Regex (or Regular Expressions) is used to match patterns in strings of text. With JavaScript, you can use regex to dynamically replace data based on matched patterns. This article will explain how to use regex and JavaScript together to make dynamic replacements in your code. We'll cover the basics of regex syntax, regular expression objects, and methods for using them with JavaScript. JavaScript offers various data types to store various types of values. Because the JavaScript engine uses variables in a dynamic manner, it is not necessary to specify the type of a variable when using JavaScript. Here, the ... Read More

In this article, we will be discussing how to set up pin validation using JavaScript. We will cover topics such as creating a prompt for users to enter their pin number, validating the user's input against a stored value, and returning an appropriate response based on the result of the comparison. Data validation is the procedure used to make sure that the user input is accurate, reliable, and tidy. The user has entered a valid date, text in a numeric field, and all needed fields have been filled out, according to typical validation procedures. We can validate pin ... Read More

By using JavaScript’s native array methods and functions, we can easily create custom sorting algorithms that will work for any type of object. In this article, we will discuss how to use these techniques in order to sort an object's key-value pairs by value. A key-value pair in JavaScript such as maps, dictionaries stores one value (the "key") associated with another value (the "value"). It can be used to store and access data quickly, as each element has its own unique identifier. For sorting key value pair object based on the value, we use sort() method in JavaScript. ... Read More

In JavaScript, arrays are used to hold several values in a single variable. Compare that to a variable that only has room for one value. Each item in an array has a number associated with it that you may access by using, referred to as a numeric index. The task we will perform in this article is “How to iterate a JSON array in JavaScript”. Let's get started with the article to get a better understanding of iterating a JSON array. Iterating JSON array Ordered lists of values are represented by JSON arrays. Multiple values can be stored in a ... Read More

Comparing two arrays in JavaScript can be tricky when the key is a string. String comparisons are case-sensitive and require special handling to ensure proper results. Fortunately, there are several methods you can use to compare two arrays when the key is a string in JavaScript. In this article, we’ll discuss how to effectively compare two arrays with strings as keys using various approaches such as map(), Include(). Intersection() and Arrayfilter(). Strings in JavaScript are used to store and modify text. A string in JavaScript is defined as zero or more characters enclosed in quotations. Data that can ... Read More

Let’s say the following is our select −    Get First Name    Get First Name Only To get only the first word, use split() on the basis of space and can select the 0th index value.ExampleFollowing is the code − Live Demo            Document        Get First Name    Get First Name Only        function showFirstValue(choosenObject) {       var allValues = choosenObject.value.split(" ");       var firstValue = allValues[0];       console.log("The first Name=" + firstValue);    } ... Read More

For this, call a function on button click.ExampleFollowing is the code − Live Demo            Document           ClickMeToCopyURL        https://www.tutorialspoint.com/index/    function demoForCopyURL(e) {       event.preventDefault();       var rootText = event.target.parentElement.innerText       var btnText = event.target.innerText       var originalURLValue = rootText.substring(btnText.length + 1)       console.log("THE URL IS=" + originalURLValue)    } To run the above program, save the file name “anyName.html(index.html)”. Right click on the file and select the option “Open with Live Server” in VSCode editor −OutputThis will produce the following output on console −On clicking the button, you will get the following output on console −

To display value of textbox in JavaScript, it is used for checking real-time validity of user's input such as email format, password strength and many more. We will be understanding two different approaches in this article to display value of textbox in JavaScript. In this article, we are having a text box and a button, our task is to display value of textbox in JavaScript. Approaches to Display Value of Textbox Here is a list of approaches to display value of textbox in JavaScript which we will be discussing in this article with stepwise explanation and complete example codes. ... Read More

Let us learn about "how to replace spaces with underscores in JavaScript". This is a useful technique for formatting strings that contain multiple words, and can be used in many different situations. We'll look at some other ways of achieving the same result as well as potential pitfalls you should watch out for when working with underscores in your JavaScript code. JavaScript is a scripting language used to create appealing and engaging web pages for websites. The need to substitute specific letters for certain characters or extra spaces in the text does arise occasionally. The predefined JavaScript methods that ... Read More