Found 8591 Articles for Front End Technology

JavaScript Program To Delete Alternate Nodes Of A Linked List

AmitDiwan
Updated on 13-Mar-2023 16:34:29

230 Views

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 More

JavaScript program to count triplets with sum smaller than a given value

Alshifa Hasnain
Updated on 06-Mar-2025 19:22:19

446 Views

In this article, we will learn to count triplets with a sum smaller than a given value in JavaScript. Triplets in an array whose sum is less than a provided number is a popular problem in competitive coding and algorithm design. Problem Statement Given an array of integers and a target sum, we need to find the number of triplets (a, b, c). For exampleInput const arr = [5, 1, 3, 4, 7]; const sum = 12;Output 4 Explanation: The valid triplets are :(1, 3, 5)(1, 3, 4)(1, 4, 5)(1, 3, 7), all having a sum of less than 12. ... Read More

JavaScript Program to Count rotations which are divisible by 10

AmitDiwan
Updated on 13-Mar-2023 16:28:44

280 Views

We are going to write a program in JavaScript that counts the number of rotations of a given number which are divisible by 10. We will loop through the rotations of the number and check if each one is divisible by 10. If a rotation is divisible, we will increment our count. In the end, we will return the count as the result of our program. This program will be useful in various applications as it provides a simple solution to check the divisibility of a number by 10. Approach The approach to solve this problem is as follows − ... Read More

JavaScript Program to Count rotations required to sort given array in non-increasing order

AmitDiwan
Updated on 13-Mar-2023 16:24:04

167 Views

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 More

How to center the contents of an HTML table?

Asif Rahaman
Updated on 13-Mar-2023 11:25:39

2K+ Views

In HTML the tag displays the contents as a table. By default, the alignment of the contents within the HTML tables is toward the left side. In this tutorial, we will understand how to center the contents of the HTML table. Use Of The tag As the name suggests, the tag helps align the texts within any container. To center align the texts, we need to use the texts within the and the tags. However, this is not a recommended process. We should use this process only when we only have to design using HTML ... Read More

How to center a <div> using the Flexbox property of CSS?

Asif Rahaman
Updated on 09-Aug-2024 14:00:47

4K+ Views

To center a div using flexbox property of CSS, we will be using CSS flexbox and it's properties. In this article, We will understand and perform following three things to center a using the Flexbox property of CSS: Center div Using flexbox on Horizontal Axis Center div Using flexbox on Both Axes Center Multiple Items Using Flexbox Center div Using flexbox on Horizontal Axis To center div on Horizontal axis, we will be using CSS justify-content property which centers div horizontally. Example Here is ... Read More

How to center a <div> using CSS grid Property?

Asif Rahaman
Updated on 09-Aug-2024 09:52:15

19K+ Views

To center a div using CSS grid property, we will be using CSS grid layout and it's properties. CSS grid is one of the most widely used elements in CSS which is similar to flexbox. CSS grids are two-dimensional layout systems on the web. We can place the elements in rows, columns, or both with the help of a grid. In this article, we shall understand how to center a div using the CSS grid property only. We will be using three approaches for this. Approaches To center a div using CSS grid Property ... Read More

How to center a table with CSS?

Asif Rahaman
Updated on 13-Mar-2023 11:08:17

343 Views

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 More

How to center a div within another div?

Asif Rahaman
Updated on 26-Jun-2024 13:38:06

7K+ Views

To center a div is one of the most important aspects of front-end development. In this article, we will center a div inside another div using HTML and CSS. We will have a parent div which shall have the child div. Our task would be to place the child div at the center of the parent div. Different ways to Center a Child div There are mltiple ways to center a child div, here we will show each approach with complete code. CSS transform and position Property CSS Grid ... Read More

How to Build a Card component using Tailwind CSS?

Asif Rahaman
Updated on 13-Mar-2023 10:53:44

886 Views

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 More

Advertisements