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
Front End Technology Articles
Page 216 of 652
How to add icons in the button in HTML?
Introduction In this article, we will show you how to add icons to your buttons in HTML. Icons are a great way to add visual appeal and enhance the usability of your buttons. They can be used to indicate the type of action a button will perform or make it easier for users to understand the function of a button. Approaches There are several ways to add icons to buttons in HTML, and in this article, we will cover two of the most popular methods − Using font libraries Using image files. Approach 1: Using Font Libraries One ...
Read MoreHow to add horizontal line in HTML?
In this article, we will show you how to add a horizontal line to your webpage using HTML. A horizontal line, also known as a horizontal rule, is a way to separate content on a webpage and can be used for visual appeal or to indicate a change in content. There are multiple ways to add a horizontal line to your webpage in HTML, but the most common approach is by using the tag. The tag is a self-closing tag that creates a horizontal line on the webpage. This approach is simple and straightforward, and it requires ...
Read MoreHow to add gradients to your project using CSS?
Introduction In this article, we will show you how to add gradients to your project using CSS. Gradients are a great way to add visual interest to your website or application. They are a smooth transition between two or more colors and can be used to create a sense of depth or movement. They can also be used to create a subtle texture or pattern on your webpage. Approaches The following are the two approaches that we are going to follow in this article to add gradients to our project using CSS − Using the linear-gradient function Using ...
Read MoreHow to add a file uploads function to a webpage in HTML?
Introduction In this article, we will walk you through the process of adding a file upload function to your webpage. We will show you how to create an HTML form with a file input field, as well as how to create a script that handles the file upload process. Approaches Two approaches that we can use to add a file upload function to our webpage in HTML are as follows − Using a basic HTML form with a file input field Using jQuery and ajax Let us discuss them in detail now. Approach 1: Using a basic HTML ...
Read MoreHow to add fade-in effect using pure JavaScript?
Introduction We use the fade effect to bring attention to certain parts of our website by gradually increasing or decreasing their opacity. This gradual change in opacity is called the fade-in or fade-out effect. When we gradually increase the opacity, it's known as the fade-in effect and is used to make the selected part of the page become more visible over a chosen amount of time. This creates a smooth transition and helps make our website more dynamic and engaging for our users. In this article, we will be exploring a few ways in which we can implement the fade-in ...
Read MoreES6 Trampoline Function
In this tutorial, we will mainly focus on the Trampoline function that appeared first in ES6(ECMAScript 6). We will start with the discussion of the Trampoline function. Need of using the Trampoline function. Advantages and disadvantages of using the Trampoline function. Now, let’s see the Trampoline function. What is a Trampoline Function? The trampoline is just a mechanism for optimizing recursion and preventing stack-overflow errors in languages that do not provide tail call optimization, such as JavaScript ES5. To overcome this problem of tail call optimization, trampoline was introduced in ES6 version. A trampoline function is essentially a loop that ...
Read MoreError: Permission denied to access property ‘target’ in JavaScript
"Error − Permission denied to access property 'target'" is a common error message that can occur when working with JavaScript, especially when attempting to access the target property of an event object. This error occurs when a script is trying to access a property or method of an object that it does not have permission to access. In this tutorial, we will discuss the causes of this error and how to fix it. Understanding the Error The "Error − Permission denied to access property 'target'" is typically caused by the use of the target property of an event object in ...
Read MoreError.prototype.toString() Method in JavaScript
JavaScript is a widely-used programming language known for its flexibility and ease of use. One of the key features of the language is its ability to throw and handle errors. The Error.prototype.toString() method is a built-in method in JavaScript that allows developers to create and manipulate error objects. In this tutorial, we will discuss the basics of this method, including its syntax, usage, and some examples of how it can be used in real-world applications. Error.prototype.toString() Method The Error.prototype.toString() method is a built-in method in the JavaScript language that is used to convert an error object to a string. This ...
Read MoreHow to check the OffscreenCanvas is supported by the Browser or not in JavaScript?
In HTML, Canvas is very important when we want to show animation or 3D objects on the webpage using only HTML and JavaScript. The offscreenCanvas allows users to render the animations and graphics off-screen. It means when we use the canvas, it interacts with the user via the main thread of the web application, but offscreenCanvas doesn’t. So, we can improve the performance of the application using offscreenCanvas . Before we use offscreenCanvas with any browser, we need to check if it is supported by the Browser or not; Otherwise, we need to use canvas. So, we will learn two ...
Read MoreHow to check two elements are the same using jQuery/JavaScript?
We can access the HTML element using various methods in vanilla JavaScript or jQuery, a featured library of JavaScript. Sometimes, after accessing the DOM elements, developers may require to check if both accessed elements are the same or not. In this tutorial, we will learn to use the strict equality operator of JavaScript and a method of jQuery to check the equality of two HTML elements. Using the equality operator (==) in JavaScript We can access the HTML element by getElemenetById, querySelector, getElementByClassName, etc. methods. After that, we can store it in the JavaScript variable, and we can compare those ...
Read More