Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
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 onmouseover, onmouseout events to set or change the cursor into the state of waiting. In JavaScript, we have different types of mouse events which performs the different functionalities on mouse. Let us see some of the mouse events. onmousedown − These event is occurred when a mouse button is pressed over an HTML element onmouseenter − It occurs when a pointer is moved out of an element onmousemove − These event is occurred when the pointer is moving over an HTML element onmouseout − It occurs when the pointer leaves the element onmouseover − When the ... 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
Underscore.js is a lightweight library and compatible with all major browsers, as well as Node.js. It can be useful when working on projects involving a lot of data manipulation, as it provides several powerful tools for working with arrays and objects in JavaScript. Underscore.JS is a popular utility library; many other JavaScript libraries and frameworks like Backbone.js, AngularJS, and React.js use it as a dependency. Before we talk about its features, you can go to the official website of Underscore.js (http://underscorejs.org/) and download the minified version (underscore-min.js) of the library. We will set the path of this version in the ... 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
We can use cookies to store the user information on the client side in the web browser. For example, whenever a user opens any website in the browser, it requests some information to the server, and once the client gets the information, it stores it in the browser with the expiry time. It makes the website faster for users, as it doesn’t need to request the server for information every time users come back to the site. However, once cookies expire, the client requests the server again for that information. In this tutorial, we will learn about the express cookie-parse ... 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
We will learn about the V8 engine, Node.js, and the connection between V8 and Node.js. Overview of V8 JavaScript Engine V8 is a high-performance JavaScript engine developed by Google and used in Google Chrome, the open-source browser from Google. It was designed to improve the performance of web applications by compiling JavaScript into native machine code rather than interpreting it, which makes it faster. V8 is C++ based open source JavaScript engine. It runs on various platforms, like Linux, Windows, and macOS. It has features like just-in-time (JIT) compilation, garbage collection, and support for modern JavaScript features such as classes, ... Read More
AJAX (Asynchronous JavaScript and XML) is not a programming language but a technique for creating more interactive web applications. Unlike conventional web applications, which direct us to a new page when interacting with the server, AJAX loads data onto the screen without letting the user know that the request was even made. Advantages Displays content dynamically without reloading the HTML page. Faster interaction with the users. Updates the data within the page without redirecting the user. Users were allowed to use the website while communication with the server went in the background. What is meant by Callback Function? ... Read More