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
Javascript Articles
Page 170 of 534
Explain Chosen and Select2 with Examples
There are two jQuery plugins that can we use to style the select boxes that are Select2 and Chosen. Both the plugins Select2 and Chosen are improving the look of the selected boxes and enhancing the behavior of the boxes which leads to the make them user-friendly. Also, both of these plugins can be used for multiple selected boxes as well as single selected boxes. Chosen JavaScript plugin that creates the select boxes user-friendly that is chosen. Chosen is available in both the prototype and JQuery versions. Features of the Chosen User-friendly Your users won't have to slog through a ...
Read MoreHow to change the href value of <a> tag after clicking on button using JavaScript?
The href attribute specifies the link’s destination, which can be a URL or an anchor point within the same document. Changing the attribute value of href which allows us to dynamically update the destination of the link, which can be useful in a variety of situations. Generally, the tag is used to create a hyperlink in HTML. stands for anchor tag, and it is used to link the other web pages or to specify the exact locations within the same page. On the other side, the href attribute is used to specify the link’s destination, which can be ...
Read MoreHow to change the font-weight of a text using JavaScript?
Using JavaScript is one of the most famous ways to change the font-weight of any text on your webpage. We can build interactive applications using JavaScript with HTML elements. Font weight refers to the boldness or thinness of the characters. In this article, we will see how we can change the font-weight of a text using JavaScript. Using the Style fontWeight Property Let us see how can we change the font weight of a single element, such as a paragraph or a heading. To do this, we will use the ‘style.fontWeight’ property of the element. This property is an object ...
Read MoreHow to change font style using drop-down list in JavaScript?
We can use the style fontFamily property to change font style using drop-down list in JavaScript. To make the font change effective using the drop-down list, we can use onchange event when an option is selected in the drop down list. Before we move further, let us know in detail about the drop-down list. A drop-down list is a switchable menu which enables the user to select the one item from a various option. These options can be defined using the HTML code, which are connected to a function. These functions are triggered and starts operating whenever you click or ...
Read MoreHow to change Input box borders after filling the box using JavaScript?
The style.border property is used to change the element’s border, and it returns the three border-bottom properties, i.e., border-color, border-style, and border-width of the element. It is one of the HTML Style Object properties. We use onchange event to make changes effective after filling the box. The onchange is one of the JavaScript attribute and it occurs when the value of an HTML element is changed. It also works with the radio buttons and checkboxes, when the checked state is changed. The onchange event can also work with the HTML element. The onchange event is quite similar to the ...
Read MoreFastest way to convert JavaScript NodeList to Array
In this tutorial, we will learn the fastest way to convert JavaScript NodeList to Array. NodeList is a similar structure to an array; it is a collection of DOM (Document Object Model) elements. However, array methods like ‘map( )’, ‘filter( )’, and ‘slice( )’ cannot be used on NodeList objects. There are so many ways to convert NodeList to Array, but this task can be done faster using these two ways − By iterating for loop Using Array.from( ) function By iterating for loop In JavaScript, we can use for loop to iterate over the NodeList to get ...
Read MoreExplosion Animation in Canvas
In this tutorial, we will learn to create an explosion animation effect using canvas in HTML. Using canvas, we can draw graphics on a web page in an easy and powerful way. Let’s see some examples of creating explosion animation in canvas. Explosion Animation 1 We will create an explosion of 50 randomly colored particles that originate from the center of the canvas and move in random directions. The particles will continue to move until the page is refreshed. Algorithm Step 1 − Create an HTML canvas element with an id of "explosion" and set its dimensions to 400x400 ...
Read MoreExplain the MUL() function in JavaScript
In this tutorial, we will learn to implement MUL() function in JavaScript. This function is a very small kind of multiplication function. Basically, we use the concept of nested functions to implement MUL( ) function. Nested functions are used for creating closures and decorators. And we can achieve privacy using nested functions. There are two ways to implement MUL() function using nested functions − Using nested function with name By currying a function Using nested Function With Name In JavaScript, we can use nested functions to get the multiplication result. We need to write n nested functions to ...
Read MoreJavaScript Program to Generate a matrix having sum of secondary diagonal equal to a perfect square
We will write a JavaScript program that generates a matrix with the sum of the secondary diagonal being a perfect square. Our program will use nested loops to traverse the matrix and calculate the sum of the secondary diagonal elements. We will then use the Math.sqrt() method to find the square root of the sum and check if it is a whole number. If it is, we will consider the sum to be a perfect square. Approach The approach to generate a matrix with the sum of secondary diagonal equal to a perfect square is as follows − Create ...
Read MoreJavaScript Program to Form coils in a matrix
We will be using JavaScript to form coils in a matrix. The process involves manipulating the elements of the matrix to create a spiral pattern. This can be achieved by changing the direction of traversal, keeping track of the visited elements, and adjusting the indices accordingly. We will be continuously working on the logic to make sure that the program runs smoothly and efficiently to produce the desired output. Approach One approach to form coils in a matrix using JavaScript would be the following − Define the size of the matrix. Initialize the matrix with zeros. Use nested loops ...
Read More