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
Articles by Manisha Patil
32 articles
How to change video playing speed using JavaScript?
In this article let us understand how to use an HTML5 video tag to alter the playing speed of videos that are embedded in an HTML document. A number less than 1 slows down the video, a number greater than 1 accelerates the video, and then a number of 1 returns the video to its original pace. Also take note that playbackRate is a property and not an HTML attribute. Although you wouldn't want to change the playback rate for every video site, you can do this if you think your visitors will prefer it. This only takes one HTML ...
Read MoreWhy is JavaScript considered a loosely-typed language
Since JavaScript is a loosely typed language, you are not required to correctly predict the kind of data that will be kept in a variable. Depending on the information you supply to a variable (such as this ‘ ‘ or " " to signify string values), JavaScript will automatically type it. The type of a variable, such as int, float, boolean, or String, must be declared in many other languages, including Java. This has both good and bad effects. Even though the type system in JavaScript allows for a lot of freedom, it lacks the ability of a highly typed ...
Read MoreWhat is the use of stopPropagation method in JavaScript
The stopPropagation() methods will be covered in this article along with a useful sample of the code. After that, we'll look at the difference between stopPropagation() and PreventDefault() Methods. stopPropagation() event method − The parent element cannot access the event using this method. In general, this function is created to prevent multiple calls to the same event from propagating. For example, if a button element is contained within a div tag and both of them have a onclick event, anytime we attempt to activate the event associated with the button element, the event associated with the div element is also ...
Read MoreWhat is the role of deferred scripts in JavaScript?
We must be aware of the JavaScript application's loading speed while running any script on an HTML page. Performance problems never cause harm to the programme. When we include a tag inside the HTML tag, the programme uses more memory and performs worse. The location on the HTML page where we add our script also affects how quickly the programme loads. Therefore, to enhance the performance of the application, include the defer attribute within the script> element using the syntax . defer attribute loads to promptly free up the necessary resources and boost efficiency. A boolean type attribute ...
Read MoreUnit Testing Challenges with Modular JavaScript Patterns
First let us understand what unit testing is and how it helps us. One of the numerous varieties of automated testing is unit testing. Unit tests completely isolate and test relatively small portions of the application, comparing the results to the intended results. When unit testing your application, you normally don't link it to external dependencies like databases, the filesystem, or HTTP services. This is referred to as "full isolation." Since they won't fail as a result of issues with all those external services, unit tests can be quicker and more reliable as a result. Individual software units, such as ...
Read MoreTarget a Window Using JavaScript or HTML
In this article we will learn how to use the TARGET attribute to open a website in a new window using HTML and JavaScript TARGET attribute of HTML A link's opening named frame or window is specified using the Target attribute of the anchor tag. The concluding tag in the HTML content must appear after each commencing tag since the element is paired. Although the href (hypertext reference) element of the anchor tag has several other options, it is required since it contains the URL of the webpage where the link will go when clicked. Syntax ...
Read MoreImplement Green Screen Algorithm using JavaScript
The green background image is changed and replaced with any effect or other image using the green screen algorithm, also referred to as the chromakey algorithm. In short, what we're doing is swapping out all of the green pixels in the forward image with their matching counterparts in the background image. Additionally, we need to keep in mind that the size of the output image should match that of the forward image. In the following step, the pixels from the forward image are duplicated into the new image. Rather than copying green pixels, the backdrop image's matching pixels are used. ...
Read MoreHow to import a SVG file in JavaScript?
Scalable Vector Graphic, sometimes known as SVG, is a type of 2D graphic or image file. In order to create visuals, SVG files employ mathematical formulas and a set of guidelines about shapes, lines, and other features. SVGs are simply XML code that specifies how colours should be presented, where each form should appear in respect to other shapes inside a file, and how shapes should be displayed. SVGs and some other vector graphics were significantly different than raster graphics that depend on pixels to convey visual data, like jpegs or png files. The four advantages of using SVG files ...
Read MoreHow to prevent sticky hover effects for buttons on touch devices?
In touch devices, an element sticks when a hover effect is added to it using CSS. This article will teach us how to deal with this problem. On touch devices, there is no hover effect, therefore the button stays in its original state. Without the Use of JavaScript: CSS's media query function can be used to fix the problem. Devices that support hover are those that match the requirement "hover: hover". To ensure that the CSS below is added only on these devices, use media query along with this condition. Only hover-enabled devices will see the added hover effect; touch ...
Read MoreHow to detect copy paste commands Ctrl+V, Ctrl+C using JavaScript?
You'll learn how to use javascript to detect the keystrokes ctrl+v in this article. When a user wishes to paste something into an input field, they have two options: either they can use the context menu by right-clicking on the webpage or they may use their keyboard by pressing the CTRL and V buttons simultaneously. The keydown event's ctrl attribute is used to figure out the key combination that contains "Ctrl." To identify whether "ctrl" is pushed or not during the key event is triggered, it produces a "boolean" value. Syntax event.ctrlKey Return Value true − After pressing ...
Read More