Javascript

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? <textarea id=”demoA” maxlength=”160″></textarea> <div id=”demoB”>160</div> <script> var a = document.getElementById(“demoA”), b = …

Simple Textarea With Remaining Characters Counter (Free Download) Read More »

Welcome to a tutorial on how to convert HTML to PDF files in Javascript. Yes, creating PDF files is not limited to the server side. To generate PDF files from HTML in Javascript: We can use a library called HTML2PDF. Download the library from their GitHub page, or load it from CDNJS. To convert the …

Convert HTML To PDF In Javascript (Simple Examples) Read More »

Welcome to a tutorial on how to create an AJAX-driven breadcrumb navigation menu. A breadcrumb menu is easy to create, and an “AJAX breadcrumb menu” is not that difficult either – Read on for the example!   TABLE OF CONTENTS Download & Notes How It Works Extras The End     DOWNLOAD & NOTES Here is …

Very Simple AJAX Breadcrumb Menu (Free Download) Read More »

Welcome to a tutorial on how to append, prepend, and insert new rows into an existing CSV file in Javascript. Yes, you read that right. This is modifying a CSV file directly in client-side Javascript, no need to upload the CSV file to the server.     TABLE OF CONTENTS Download & Notes CSV Add …

Javascript Add New Rows To CSV (Append Prepend Insert) Read More »

Once upon a time, there were plans to implement an SQL database directly in browsers. But things fall apart with “security concerns”, and WebSQL is eventually deprecated. If you are in the same boat of requiring a database for your web app, there is a way around it – Read on for an example!   …

SQLite In Javascript (Local Database In Browser) Read More »

Welcome to a tutorial on how to detect AdBlockers with Javascript. Having trouble with AdBlockers and want to recover some of those lost revenue? The common ways to detect adblockers in Javascript are: Attempt to load the headers of an ad library, check if the request is blocked. Load a dummy Javascript ad library, check …

3 Ways to Detect AdBlockers in Javascript (Simple Examples) Read More »

Welcome to a tutorial on how to convert an image to text in Javascript. Yes, image-to-text has already been around for some time, and it is called “Optical Character Recognition” (OCR). There is an open-source OCR library called TesseractJS that we can use: async conv () { const worker = await Tesseract.createWorker(); await worker.loadLanguage(“eng”); await …

Javascript Image To Text With OCR (Simple Examples) Read More »

Welcome to a tutorial on how to capture photos with a webcam in Javascript. Yes, the Stone Age of the Internet is long over, and it is totally possible to take pictures directly using Javascript. navigator.mediaDevices.getUserMedia({ video: true }).then(stream => { // WEBCAM STREAM TO VIDEO let v = document.createElement(“video”); v.autoplay = true; v.srcObject = …

Capture Photos With Webcam In Javascript (Simple Example) Read More »