Welcome to a beginner’s tutorial on how to debug Javascript fetch. So you have just picked up AJAX, but ran into a problem with it “not working properly? How do we debug and find out what has gone wrong? The easiest way to debug Javascript fetch is to set it to report all errors. fetch(“URL”) […]
How To Debug Javascript Fetch (Simple Examples) Read More »
Welcome to a quick tutorial on how to strip or remove HTML tags in Javascript. Need to extract “text-only” from a string of HTML code? Sanitize a string to make sure there are no HTML tags? There are 4 common ways to strip or remove HTML tags in Javascript: Use regular expression – var txt
4 Ways to Strip & Remove HTML Tags In Javascript Read More »
Welcome to a quick tutorial on how to remove line breaks in Javascript. Want to remove all line breaks and create a “flat string” in Javascript? There are actually a few ways to do it: STRING.replace(/\r?\n|\r/, “”); STRING.replaceAll(“\r”, “”).replaceAll(“\n”, “”); To remove HTML line breaks – STRING.replaceAll(“<br>”, “”).replaceAll(“<br/>”, “”); To remove only leading and trailing
4 Ways To Remove Line Breaks In Javascript Read More »
Welcome to a tutorial on how to encrypt and decrypt passwords in Javascript. First, a piece of good news for you guys – Javascript has a native web crypto API that we can use to protect passwords, and there are plenty of free crypto libraries as well. But now for the bad news – Password
Simple Javascript Password Encryption & Decryption Read More »
Welcome to a tutorial on how to create a simple HTML AJAX login page. Sick of all the complicated login pages, templates, and libraries? Here is a simple one made with vanilla HTML, CSS, and Javascript. Just plug-and-play this page, do up the server-side login script, and all done – Read on for more! ⓘ
Very Simple HTML AJAX Login Page (Free Download!) Read More »
Welcome to a quick tutorial on how to convert an object to string in Javascript. Need to convert an object into a string, then transfer or store it? There is only one native Javascript function to turn an object into a string – the JSON.stringify() function. So if you are looking for alternative ways to
5 Ways To Convert Object To String In Javascript Read More »
Welcome to a quick tutorial on how to check if a property exists in a Javascript object. In an array, we can conveniently use the includes function to check if a value exists. But in objects, things are a little different. The common ways to check if a property exists in an object are: The
5 Ways To Check If Property Exists In Javascript Object Read More »
Welcome to a quick tutorial on how to create a non-editable text field in HTML and Javascript. Want to “fix” a text field in HTML or Javascript? Prevent the user from changing the value? To create a non-editable text field in HTML, we can either attach the readonly or disabled attribute. <input type=”text” readonly> <input
Non-Editable Text Field In HTML Javascript (Disabled & Readonly) Read More »
Welcome to a tutorial on how to create a GPA calculator using Javascript. Yep, this is kind of weird as a tutorial. Did some twisted lecturer ask to create a GPA calculator as an assignment? Or maybe you are just curious about how to create one? Either way, let us walk through a simple Javascript
Simple GPA Calculator In Javascript (Free Source Code) Read More »
Welcome to a quick tutorial on how to change or override CSS with Javascript. Want to dynamically update or change some styles on a web page? The common ways to change or override CSS in Javascript are: document.getElementById(“ID”).style.PROPERTY = “VALUE”; document.getElementById(“ID”).style.cssText = “PROPERTY: VALUE”; document.getElementById(“ID”).setAttribute(“style”, “PROPERTY: VALUE”); document.getElementById(“ID”).className = “CLASS”; document.documentElement.style.setProperty(“–VAR”, “VALUE”); That covers the
5 Ways To Change Override CSS With Javascript (Simple Examples) Read More »