I am going to create an image slider in _JavaScript_. You might have seen an image slider on many websites in which clicking a button changes the image and shows the next image. I am going to explain mainly the _JavaScript_ part and the logic behind it. I will also explain the _CSS_ and the … Read more
We will explore the while loop, one of the simplest and most useful loops in JavaScript. By the end, you will know how to use it and when to use it. A while loop repeats a block of code as long as the condition is true. It works on a condition, and its role is … Read more
We are going to learn how to get and set input values in JavaScript. I built a quick demo that shows an input, two buttons to get and set the value, and a paragraph where the result is displayed. JavaScript Input Value Manipulation: HTML Setup Here is the HTML part. I have an … Read more
In this article, we will look at how to add and remove CSS classes on elements with the help of plain JavaScript. It is a super handy skill for making interactive pages. Initially I have some HTML for you. We are having a paragraph with the id as my-text, and it says This is some … Read more
I am going to take a user input and create a new element dynamically, appending it with the help of an input field. I’m starting with an HTML page that has a heading, an input field whose id is item-input and type is text with the placeholder. Enter an item, a button whose id is … Read more
We are going to look at the JavaScript do…while loop, a super simple and useful loop that runs your code at least once. Let’s see how it works. JavaScript Do-While Loop – Definition and Key Difference A do…while loop is a control structure that executes a block of code at least once and … Read more
In this lecture, we are going to learn how to create a light and dark mode toggle in JavaScript. It is very important and is available in almost every website. We need to know how the functionality of the button which can toggle the mode is built. HTML setup for the JavaScript Theme Toggle … Read more
I am going to look at the const keyword in JavaScript. We will see what it is, how to use it, and why it is important. const is a keyword for declaring variables whose values cannot be reassigned after they are set. It is used to declare variables in JavaScript, and the values that you … Read more
I will look at different ways to remove elements from a page using JavaScript. This is my HTML page with a heading called My Task and an unordered list that has three different list items. Inside each list item I am also having a button. This button is to remove – it is the remove … Read more
I will explore how to listen for keyboard and mouse action so you can make your web page interactive. I am having a heading, an input whose id is text-input, a div which is a hover box with the text Hover me, and a paragraph which is blank but we will fill it with the … Read more