You Are Viewing Posts Under Category: JavaScript Codes

Pure-JavaScript-Based-Multi-Tab-With-Hash-DIV-Linkable-URL

Pure JavaScript Based Multi-Tab With Hash DIV Linkable URL

This tutorial shows how to create a Web page containing JavaScript-driven tabs. Each tab displays a separate chunk of content when clicked — perfect if your page needs to hold a large amount of content. I find it’s a common desire with “tab” design patterns that there is a way to link to spe...
Preview-Image-Before-Uploading-In-file-Field-Using-Pure-JavaScript

Preview Image Before Uploading In <input=”file”/> Field Using Pure JavaScript

Image preview is a great feature for user to check their image before upload whether the correct image is going to upload or if the image looks nice or not etc. So in this tutorial, we will show you how to preview an image before upload using pure Vanilla JavaScript, HTML and CSS. You may […]...

Show Form Fields Hint On Focus With Stylish CSS

What interface element should you use to provide the user with helpful information about a form field as a hint? If you were thinking of a tooltip, you are correct. Tooltips are necessary for form fields that need more clarification than its field label can give. For example, when the field label ha...
How-To-Create-A-JavaScript-Typewriter-Using-Pure-Vanilla-JavaScript

How To Create A JavaScript Typewriter Using Pure Vanilla JavaScript?

You must have seen the Text Typewriter Effect on many website sliders or in a heading that looks like a full effect of typing animation character by character in typewriter effect. So we decided to make it a little snippet to let you use it on your web pages also to give your web page […]...
How-To-Add-Create-A-QR-Code-Reader-On-Your-Website-Using-JavaScript

How To Add/Create A QR Code Reader On Your Website Using JavaScript?

As you know that the barcode and QR code have upgraded our shopping and searching experience as well as our typing and entering data process. Customers with smartphones can select their product and scan its barcode or its QR code using many free phone apps to read the info or many other business use...
Create-A-Simple-Countdown-Timer-Using-Pure-JavaScript

Create A Simple Countdown Timer Using Pure JavaScript

Countdown timers can serve many purposes. They can communicate to a user how long they’ve been doing something or how much time until some event happens, like the launch of your new website. In the sales and marketing context, they can create a sense of urgency to encourage conversion. Sometimes, ...
How-To-Generate-A-Random-Color-Or-An-Array-Using-Pure-JavaScript

How To Generate A Random Color Or An Array Using Pure JavaScript?

Did you ever feel bored or tired of writing long random colors for different divs or spans just to test something simple? When learning about the power of JavaScript and its dynamic influence over an HTML page, one of the first things to jump out as a nascent web developer is the ability to add [&he...