To create toggle switch by using HTML and CSS, we will be using simple HTML input elements and CSS for styling the toggle box to make it user intercative. A toggle switch is a graphical user interface element that allows users to toggle between two states, usually 'on' and 'off'. In this article we are going to understand how to create toggle switch by using HTML and CSS. We are having an input tag with type attribute value as checkbox. Our task is to design this checkbox and create a toggle switch by using HTML and CSS. We will be ... Read More

As websites grow in complexity, it becomes increasingly important for web developers to implement intuitive and user-friendly navigation systems that allow users to easily explore the content on a webpage. One such navigation element that has gained popularity in recent years is called the section counter, which provides users with a clear understanding. What is a section counter? A section counter in HTML and CSS is a visual element that displays the current section number or position of the user in a webpage, usually displayed in a navigation menu or alongside the section header. Section counters are helpful for users ... Read More

Creating multiple transitions on an element using CSS is a great way to add interest and interactivity to the website. By merging various transitions, we can create a dynamic and engaging experience for the users. In this article, we will cover the basics of how to create multiple transitions on an element using CSS. Cascading Style Sheets (CSS) is a powerful tool for styling web pages. One of its most useful features is the ability to create smooth and visually engaging transitions between different states of an element, such as when it is hovered over or clicked on. What are ... Read More

In this article, we will learn to generate all rotations of a number in JavaScript. Producing a primary common problem such as all its rotations comprises the creation of all possible permutations of the digits by rotating its digits. Problem Statement The goal is that if we have given a number, we need to generate all possible rotations of its digits. A rotation is defined as moving the first digit to the end of the number. For exampleInput  123 Explanation  123 (original number) 231 (first rotation: move 1 to the ... Read More

We will write a JavaScript program that generates a matrix with the sum of the secondary diagonal being a perfect square. Our program will use nested loops to traverse the matrix and calculate the sum of the secondary diagonal elements. We will then use the Math.sqrt() method to find the square root of the sum and check if it is a whole number. If it is, we will consider the sum to be a perfect square. Approach The approach to generate a matrix with the sum of secondary diagonal equal to a perfect square is as follows − Create ... Read More

We will be using JavaScript to form coils in a matrix. The process involves manipulating the elements of the matrix to create a spiral pattern. This can be achieved by changing the direction of traversal, keeping track of the visited elements, and adjusting the indices accordingly. We will be continuously working on the logic to make sure that the program runs smoothly and efficiently to produce the desired output. Approach One approach to form coils in a matrix using JavaScript would be the following − Define the size of the matrix. Initialize the matrix with zeros. Use nested loops ... Read More

We are going to write a program that will find the subarray with the least average. To do this, we will iterate through the array and keep track of the current subarray and its sum. For each element, we will calculate the average of the current subarray and compare it with the minimum average we have seen so far. If it is lower, we will update the minimum average and the start and end indices of the subarray. At the end of the iteration, we will return the subarray with the least average. Approach To find the subarray with the ... Read More

We will be finding the longest bitonic subsequence in each array using dynamic programming. A bitonic subsequence is a sequence which is first increasing, then decreasing. To find the longest bitonic subsequence, we will use a two-step approach. First, we will find the longest increasing subsequence in the given array, then we will find the longest decreasing subsequence in the reverse of the given array. Finally, we will add the lengths of both the subsequences and subtract 1 to exclude the common element in the middle. Approach A bitonic sequence is a sequence that first increases and then decreases. The ... Read More

To find simple interest in javascript, we will find the product of principal amount, rate of interest(%) and time period. Simple intrest is a quick and easy method to find the intrest charge or extra amount paid by borrower to lender on certain amount of principal within a time period. In this article we are given a data of principal, rate and time, our task is to write a JavaScript program to find simple interest. Users must be familiar with the formula to calculate the simple interest, arithemetic operators in javascript and javascript functions. Formula: Simple ... Read More

The perimeter of a triangle is the sum of the lengths of its three sides. You can find the perimeter of a triangle using JavaScript by finding the sum of all sides of the triangle, as the perimeter of the triangle refers to the sum of all three sides of the triangle, i.e., perimeter = a + b + c. To find the perimeter of a triangle using JavaScript, we need to write a function that calculates the sum of three sides of a triangle and returns the triangle's perimeter as an output. In this article, we will understand the ... Read More