menu icon

JAVASCRIPT Blogs

Get Month Full Name From Date In Javascript

Get Month Full Name From Date In Javascript

Author: Sameer Saini Date Published: May 04, 2022

Do you want to get the name of the month (e.g: Oct/October) from the date object in JavaScript? It is now possible to do this with the ECMAScript Internationalization API.

Read More
Get Current Year In Javascript Using getFullYear() Method

Get Current Year In Javascript Using getFullYear() Method

Author: Sameer Saini Date Published: May 04, 2022

Do you want to get the current year (e.g: 2021, 2022) from the date object in JavaScript? In Javascript, we can make use of the getFullYear() method that is available on the Date() object.

Read More
Get Current Month In Javascript using .getMonth() Method

Get Current Month In Javascript using .getMonth() Method

Author: Sameer Saini Date Published: May 04, 2022

Do you want to get the current month of the year on your HTML website? If that's the case, you might be in luck as javascript offers a really easy way to get the current month from the date.

Read More
Get Current Time In Javascript - Javascript Current Time

Get Current Time In Javascript - Javascript Current Time

Author: Sameer Saini Date Published: May 04, 2022

A common question that is asked many times by javascript developers is how to get the current time in javascript. Sometimes, we need to get the current time because we want to perform some actions based on the time of the day.

Read More
How To Print In Javascript - 3 Different Methods To Output Values In Javascript

How To Print In Javascript - 3 Different Methods To Output Values In Javascript

Author: Sameer Saini Date Published: April 29, 2022

If you are new to the Javascript language and you are wondering how can I display a value on to a web page or show it to the user, you've come to the correct post. In this blog post, we will see 3 different ways in which you can output from javascript and print the values to show it to the user.

Read More
How To Add A Delay In Javascript - SetTimeout Method

How To Add A Delay In Javascript - SetTimeout Method

Author: Sameer Saini Date Published: February 25, 2022

There are some scenarios where we have to delay the execution of a method by a few milliseconds or a few seconds. A few use-cases of this could be delaying the disappearance of an alert or warning message by a few seconds. Another example could be redirecting a webpage to another webpage and telling the user that this webpage will be redirected in X number of seconds.

Read More
Javascript Get Element By Class

Javascript Get Element By Class

Author: Sameer Saini Date Published: February 24, 2022

In a reactive website, you would need Javascript to interact with the DOM and dynamically add, delete or change elements. In such a case, you would have to select an element. You can select an element by its tag but then this selection will select all the elements for that tag. So sometimes you need to assign classes to elements and then make a selection of specific classes.

Read More
How To Redirect To Another Webpage URL In Javascript

How To Redirect To Another Webpage URL In Javascript

Author: Sameer Saini Date Published: February 23, 2022

There are so many scenarios where we want to redirect from the current webpage to a URL that is in the same domain or sometimes on another domain. This can be redirected to a web page after login or registration. Javascript provides a few different ways through which we can redirect to a different URL or a webpage.

Read More
Convert A String To Lower Case In Javascript - toLowerCase Function Js

Convert A String To Lower Case In Javascript - toLowerCase Function Js

Author: Sameer Saini Date Published: February 23, 2022

When working on a website and using Javascript, there may be so many instances where you would want to change the casing of a string to lower case

Read More
Add A Button OnClick Event In HTML and Javascript

Add A Button OnClick Event In HTML and Javascript

Author: Sameer Saini Date Published: February 23, 2022

Buttons in HTML perform an action. This can be submitting a form, starting or stopping an operation, triggering a process, or just visually changing the website. All of the above happens when the user clicks a button. HTML and Javascript together provide us the functionality where you can add buttons to the website and then use Javascript to trigger the button.

Read More
ParseString In Javascript

ParseString In Javascript

Author: Sameer Saini Date Published: February 23, 2022

The toString() method returns a string representing an object.

Read More
Convert A String To Upper Case In Javascript - toUpperCase Function Js

Convert A String To Upper Case In Javascript - toUpperCase Function Js

Author: Sameer Saini Date Published: February 23, 2022

When working on a website and using Javascript, there may be so many instances where you would want to change the casing of a string to upper case. Sometimes, you might want to convert a string to upper case and send the data to an API.

Read More
Full Screen Overlay Navigation Bar Using HTML, CSS and JAVASCRIPT [Free Source Code]

Full Screen Overlay Navigation Bar Using HTML, CSS and JAVASCRIPT [Free Source Code]

Author: Sameer Saini Date Published: February 21, 2022

In this blog post, we are going to create a fancy navigation bar using HTML, CSS, and Javascript. This navigation menu would be not just a regular navbar, but, a full-screen overlay navigation menu. This will be a responsive navigation bar menu that will be responsive for both mobile and desktop displays. It will be really fun to code this and navigation bars like these create an amazing impression of your website in the user's head.

Read More
Create A Countdown Timer Using HTML, CSS and Javascript - Free Source Code

Create A Countdown Timer Using HTML, CSS and Javascript - Free Source Code

Author: Sameer Saini Date Published: February 19, 2022

A countdown timer as we have seen in many places including one in our mobile phones is a timer that ticks backward from a given time to zero. A countdown timer has several benefits in real life too. This can be used as an alarm to see if food is properly cooked or not, to track activity, and numerous other things. Although we have a countdown timer in our mobile phone, creating a countdown timer from scratch using HTML, CSS and Javascript can be so much fun. This can be a mini project that you can add to your portfolio.

Read More
Animated Full Page Search Bar Using HTML, CSS and Javascript

Animated Full Page Search Bar Using HTML, CSS and Javascript

Author: Sameer Saini Date Published: February 18, 2022

Medium and Big enterprise-level websites all require a search functionality in their website so that users can search for something particular across their website. This search functionality provides a pleasant user experience and users land straight to the resource they are looking for. In this blog post, we will create an animated full-page search bar for our website using HTML, CSS, and Javascript. First, we will start by creating the HTML and CSS for the header which has the search button in the header.

Read More
Toggle Password Visibility Using HTML, CSS and Javascript [Source Code]

Toggle Password Visibility Using HTML, CSS and Javascript [Source Code]

Author: Sameer Saini Date Published: February 18, 2022

You might have come across this functionality in so many websites, where you see a toggle button that toggles the password visibility for you. Some websites have this as a "Show Password" button, some have a "Password Eye" icon which suggests you can click or hover over it and you will be able to see the password you typed. This "Toggle Password Visibility" is an amazing functionality when you have to give a final look at the password that you just typed.

Read More
Create and Embed Google Maps To Your Website - Google Maps Javascript API Tutorial

Create and Embed Google Maps To Your Website - Google Maps Javascript API Tutorial

Author: Sameer Saini Date Published: February 07, 2022

In so many versatile ways, almost every website needs maps in some shape or form. The use cases for these could be infinite. Business websites use maps to show their business location to let potential customers where they are located. On the medical side, we are seeing maps used to show clusters of covid cases for regions and countries. I know this is sad but technology helps us to protect ourselves better. So now that we know how maps could be so important in websites when we think about maps, the first thing that comes to our mind is Google Maps. Google maps have taken over the maps market by far.

Read More
Copy Button Javascript - Copy Text Javascript Using Clipboard API

Copy Button Javascript - Copy Text Javascript Using Clipboard API

Author: Sameer Saini Date Published: February 02, 2022

There are so many websites where you might have seen the "Copy Text" button or the "Copy To Clipboard" button. These "Copy text" buttons come in handy when you click a button and it copies the text of an input field or a textarea.

Read More