Welcome to a tutorial on how to create a simple progress bar using pure Javascript. Looking to add some nice “now processing” visuals onto your website? Not too keen on adding to the loading bloat with progress bars that require 3rd party frameworks? Well, let us walk through how to create a fuss-free laughably easy …
Simple Javascript Progress Bar With Percentage (Free Download) Read More »
Welcome to a tutorial on how to create an offline app in Javascript. So you have heard of Web 3.0, where things get funky, decentralized, and offline. But just how do we create an offline app? A basic offline Javascript app consists of: Saving all the core files in the client’s storage cache. Register a …
Offline Web App Using Javascript (Very Simple Example) Read More »
Welcome to a tutorial on how to detect mobile devices with Javascript. So you have some features on your website that you want to offer to mobile users only? Or maybe you want to hide some “desktop only” features from mobile users? One of the easiest ways to detect mobile devices in Javascript is to …
Detect Mobile Device With Javascript (Simple Examples) Read More »
Welcome to a quick tutorial on how to display messages in HTML and Javascript. Just started with Javascript and wondered how to display a message? The common ways to show messages in HTML and Javascript are: Alert, prompt, confirm. Output the message to the developer’s console. Dialog box (popup box). Message bar. Inline messages. Toast …
6 Ways To Display Messages In HTML Javascript (Simple Examples) Read More »
Welcome to a tutorial on how to create a simple sortable table with Javascript. So you have an array or HTML table that needs some sortable action? Sadly, there is no way we can do it with just pure HTML. We need to define data arrays and do array sorting in Javascript instead – This …
Simple Sortable Table With HTML Javascript (Free Download) Read More »
Welcome to a quick tutorial on how to calculate tax (GST or VAT) in Javascript. So you may have a certain e-commerce or accounting website that requires the use of Javascript to calculate the GST/VAT. Calculating the tax amount in Javascript involves some simple Math. To get the taxable amount for an item (or total) …
How To Calculate GST VAT In Javascript (Simple Example) Read More »
Welcome to a quick tutorial on how to create a simple drag-and-drop file upload with Javascript and HTML. Forget those old boring “select a file” uploads. The Stone Age of the Internet is long over and it is time to create more exciting uploads. A drag-and-drop upload is actually not really that difficult to implement, …
Simple Drag-and-Drop File Upload In JS HTML (Free Download) Read More »
Welcome to a quick tutorial and examples on how to build a query string in Javascript. So you want to send data from one place to another and need to create a URL string with parameters? An easy way to build a query string in Javascript is to use a URLSearchParams object: var query = …
3 Ways to Build Query Strings In Javascript (Simple Examples) Read More »
Welcome to a tutorial on how to create a text area with a remaining character counter in Javascript. Limiting the number of characters in a text field is as easy as setting the maxlength. But how do we add a “countdown” to it? Read on for a very simple example! ⓘ I have included a …
Simple Textarea Remaining Characters Counter (Free Download) Read More »
Welcome to a tutorial on how to generate QR code with Javascript. Unfortunately, Javascript does not provide any native means to create QR codes. But thankfully, there are a whole load of libraries on the Internet that we can use today. To generate QR codes in Javascript: Load the QR Code JS library from CDNJS. …
Generate QR Code With Javascript (Very Simple Examples) Read More »
