Javascript

Welcome to a tutorial on how to work with text to speech in Javascript. Need a “read aloud” feature on your website? Yes, the Stone Age of the Internet is long over. Javascript has a native speechSynthesis text-to-speech API, and it will work so long as the browser and operating system support it. var msg […]

Welcome to a tutorial on how to create an Excel file in Javascript. Yes, you read that right. We are referring to “browser Javascript”, and not the server-side NodeJS. The dark days have passed and it is actually possible to generate Excel files in Javascript: Load the SheetJS library from a CDN, or host it

Welcome to a tutorial and examples on how to take screenshots with Javascript. So you have a project that needs to do screenshots? An easy way to capture screenshots in Javascript is to use the html2canvas library: html2canvas(document.body).then(canvas => { let a = document.createElement(“a”); a.download = “ss.png”; a.href = canvas.toDataURL(“image/png”); a.click(); }); That’s all for

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 =

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

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

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!  

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

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 =