Front End Technology Articles - Page 101 of 652

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 More

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 More

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 More

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 More

To change the background color after clicking the button in JavaScript, we are going to discuss two different approaches. We have to perform two simple task, that is, adding a click event and changing the background color of the document. In this article our task is to understand how to change the background color after clicking the button in JavaScript. Approaches to Change Background Color on Clicking Button Here is a list of approaches to change the background color after clicking the button in JavaScript which we will be discussing in this article with stepwise explaination and complete example codes. ... Read More

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 More

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 More

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 More

Linear gradient background in CSS is a design technique used to create a smooth transition between two or more colors in a single element. It is defined using the CSS background-image property and the lineargradient() function. Linear gradient Properties in CSS to − it specifies the direction of the gradient color-stops − It specifies the colors used in the gradient and their position. repeating-linear-gradient − Creates a repeating gradient, where the gradient pattern is repeated horizontally or vertically. background-size − It specifies the size of the gradient background. background-clip − It specifies the area of the element that the ... Read More

Gooey balls animation is a type of animation that is created using HTML and CSS. This animation style is created by specifying values of CSS properties at different points in the animation using keyframes, and then applying the animation to the HTML element. Gooey balls are a popular and visually appealing animation style created using HTML and CSS. In this animation we create a smooth, flowing and squishy effect to a circular object, making it look like a ball made of goo. This type of animation is a great way to add a fun and engaging touch to the website. ... Read More