You Are Viewing Posts Under Category: JavaScript Codes

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...
How-To-Enable-Disable-Form-Elements-To-Edit-View-On-Click-Using-JavaScript

How To Enable/Disable Form Elements To Edit/View On Click Using JavaScript?

Sometimes we need to enable and disable input elements like text box, radio buttons, or checkboxes, to make it readable only or sometimes allow users to fill the form with their data but every time you make a change you need to reload the HTML? The question is, how can we do it dynamically without [...
How-To-Remove-Or-Strip-All-HTML-Tags-In-Content-Using-Pure-JavaScript

How To Remove Or Strip All HTML Tags In Content Using Pure JavaScript?

Normally on the server-side, you could use a series of PHP functions (such as strip_tags) and remove HTML and ugly formatting. However, if you’re unable to use the server (or you use Node.js) to achieve this task, then you can still use Javascript to do it. In this article, you will find 3 way...