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 179 of 652
JavaScript Program to Find a triplet such that sum of two equals to third element
We will be writing a JavaScript program that finds a triplet where the sum of two elements equals the third element. This program will be implemented using arrays and loop structures. We will be iterating through the array and checking for each element if the sum of two elements equal to the current element. If we find such a triplet, we will immediately return it. This program will be helpful in various mathematical computations where we need to find such triplets that follow a specific rule. Approach Here is one approach to solving the problem of finding a triplet such ...
Read MoreJavaScript Program To Delete Nodes Which Have A Greater Value On Right Side
We will be implementing a function to delete nodes in a linked list which have a greater value on their right side. The approach is to traverse the linked list from right to left and keep track of the maximum value encountered so far. For each node, we will compare its value with the maximum value and delete the node if its value is less than the maximum value. This way, all the nodes with values greater than the maximum value on their right side will be deleted. Approach The approach to delete nodes which have a greater value on ...
Read MoreJavaScript Program To Delete Alternate Nodes Of A Linked List
We will be writing a JavaScript program to delete alternate nodes of a linked list. We will be utilizing a while loop to traverse the linked list while keeping a track of the current and previous node. In each iteration of the loop, we will be skipping the current node and linking the previous node directly to the next node, effectively deleting the current node from the list. This process will be repeated until all the alternate nodes have been deleted from the linked list. Approach Traverse the linked list from head to end. For every node, store ...
Read MoreJavaScript Program to Count rotations required to sort given array in non-increasing order
We will be writing a program to count the number of rotations required to sort an array in non-increasing order. The program will use a loop to traverse the array and keep track of the maximum element found so far. When a smaller element is found, we will increment the rotation count and update the maximum element. In the end, the rotation count will be returned as the result of the program. This program will help us efficiently sort the array and determine the number of rotations required to achieve a non-increasing order. Approach The approach to counting rotations required ...
Read MoreHow to center a table with CSS?
The tag is used to create the traditional component called tables in HTML. For designing web pages, it is essential to understand how to improve the overall visualization of the design. Aligning the table in the center is one such important aspect. This tutorial will teach us how to center the table with CSS. Use The margin-left and margin-right Properties This is a popular method to center align the table element in HTML and CSS. CSS's margin-left and margin-right properties are used to set an element's left and right margins, respectively. The margins create space outside the element's border, ...
Read MoreHow to Build a Card component using Tailwind CSS?
The card component in Tailwind CSS is an important concept in web page design used especially in e-commerce websites, blogging websites, etc. .Tailwind CSS is famous for building attractive websites. This article will explain how to build card components using Tailwind CSS. How To Add single Card Component In Tailwind CSS Tailwind CSS offers us a very convenient way to add card components. The card components can also hold other sub-components like video, audio, images, etc. Also, we can easily customize the overall design using the properties available. It is also possible to add animations and hover effects to ...
Read MoreHow to Build a Bounce Ball with HTML, CSS, and JavaScript?
While designing webpages using plain HTML, CSS, and JavaScipt, programmers often prefer developing advanced CSS designs to make the website attractive. Creating animations using keyframes and other techniques is one of the most popular techniques nowadays. However, we can also use the JavaScript code to create animations such as the bouncing ball effect. This method gives us more control over the animations. This article will first explain how to build a bouncing ball using HTML and CSS. We will also learn how to write JavaScript code to achieve similar animations. Create Bounce Ball Using Keyframes It is very difficult to ...
Read MoreHow to bind an animation to a division element using CSS?
Division Element as know as is normally used for grouping the HTML element and then by using CSS we style them. An animation is a graphical element with visual effects to make it much more attractive. In HTML and CSS, we commonly name the element as . This article will explain how CSS binds animations to the division elements. Use The keyframes Method To Define The Animation The keyframe method is the most commonly used method to create animation effects in CSS. Example .container { ...
Read MoreHow to Become a Full-Stack Web Developer in 2023?
Becoming a full-stack developer is the dream of many engineering students. Full stack development means building a web 2.0+ application with dynamic web pages consisting of databases, videos, images, etc. This article will discuss how to become a full-stack web developer in 2023. Learn The Basics Of Web development The first and foremost important step to becoming a full-stack developer is to learn a few basic languages which are popularly used to build web applications. HTML − This is a markup language used to design the skeleton of the web application. Among several versions available, you should consider ...
Read MoreHow to avoid a new line with a tag?
While using a tag, the browser often places the items within the container in the next line. For example, programmers need to place the headers in a single line to create the navigation component. We can use the inline, inline-block, flex-box properties, etc., to avoid new lines with the tag. This article will explain how to avoid a new line with a tag by following approaches like inline property, flex-box property, etc. Use inline Property One popular method to avoid new lines with tags is to use the inline property. This property forces the new lines to stay the same ...
Read More