JavaScript

In this JavaScript tutorial, we will create a page scroll progress bar. This progress bar will indicate the scroll percentage of the current page.

We will keep the progress bar at the top of the page using position: fixed and a higher z-index value.

In this JavaScript tutorial we will create a simple counter with few buttons. On clicking the buttons, the value of counter will increase or decrease.

Create Counter with Few Buttons

Below code will create a region where the counter value will be displayed. And 4 buttons that will call a JavaScript function on click. On clicking these buttons the value of counter will increase or decrease.
We will also create a reset button.

In this JavaScript tutorial we will create a button that will change the background color of body to any random color on a button click. We will use just plain JavaScript, No JavaScript Library, No JavaScript Framework.

Create a Button

Let’s first create a button with ID color-button that will call a JavaScript function changeBg() on click.

In this JavaScript tutorial we will create a button that will change the background color of body to different colors on a button click.

Create a Button

Let's first create a button which will call a JavaScript function changeBg() on click.

In this JavaScript tutorial we will learn how to create an alert popup box when user / visitor mouse over (hover) over a div region.