Welcome to a tutorial on how to force browsers to reload Javascript and CSS files. So you have updated a script on the server, but see no difference in the web browser? Hit the “view source” button only to see the browser stuck with the old version? Well, there are actually a few ways we […]
Force Reload Javascript CSS In Browsers (Simple Examples) Read More »
Welcome to a quick tutorial on how to get, set, and remove the href property in Javascript. By now, you should know href very well. That “thing” we use to specify which webpage to link to. But how can we dynamically change or remove it using Javascript? For a quick answer: To get the href
Get Set Remove HREF In Javascript (Simple Examples) Read More »
Welcome to a quick tutorial on how to remove HTML table rows and cells in Javascript. Need to dynamically update a table? Remove table rows and cells in Javascript? To remove table rows and cells in Javascript: Get the table itself – var table = document.getElementById(“TABLE-ID”); The rows can be removed using the deleteRow() function
Remove Table Rows & Cells In Javascript (Simple Examples) Read More »
Welcome to a short beginner’s tutorial on how to add HTML code in Javascript. So you have finally gotten to the point of working with both HTML and Javascript, but the challenge is that you now have to add some HTML to an existing page. Adding HTML code using Javascript is actually a simple “get
2 Ways To Add HTML Code In Javascript (A Quick Guide) Read More »
Welcome to a tutorial on how to include Javascript in HTML. So you have just started with Javascript and wondering how to properly “put Javascript” into an HTML file? There are 3 ways to include Javascript in HTML: External Javascript, load a Javascript file – <script src=”FILE.JS”></script> Internal Javascript, add a block of code in
3 Ways To Include Javascript In HTML (Simple Examples) Read More »
Welcome to a quick tutorial on how to dynamically load Javascript. So you want to build a single-page web app that requires some magic to load more scripts only after the user has clicked on something? To load an external Javascript file dynamically, we can create a <script> tag and insert it into the head section.
3 Ways To Dynamically Load Javascript (Simple Examples) Read More »
Welcome to a tutorial on how to display dynamic HTML content in Javascript. Yes, the Stone Age of the Internet is long over, and we now live in an age of non-static HTML pages. Be it refreshing the shopping cart after adding an item, loading more content, or updating a section of the page. There
5 Ways To Display Dynamic HTML Content In Javascript Read More »
There sure are a lot of date pickers on the Internet for jQuery, Bootstrap, React, and whatever else. But I understand, it really does not make any sense to load an entire library, just for the sake of a simple plugin. So here it is, a sharing of my simple lightweight date picker, all done
Simple Date Picker in Pure Javascript CSS (Free Download) Read More »
Welcome to a quick tutorial on how to copy, cut, and paste with Javascript. The Stone Age of the Internet is long over, and yes, we can use Javascript to access the user’s clipboard. Use navigator.clipboard.writeText(“TEXT”) to copy a block to text into the clipboard. var txt = document.getElementById(“TEXT-FIELD”).value; navigator.clipboard.writeText(txt); Use navigator.clipboard.readText() to access the
Copy-Cut-Paste In Javascript (Simple Clipboard Examples) Read More »
Welcome to a tutorial on how to get the full URL and parts in Javascript. Need to extract certain parts of the URL? Here are some of the common ones: Use location.href to get the full URL. For example – http://site.com/path/file.html?key=value Use location.origin to get the protocol and hostname. For example – http://site.com/ Use location.pathname
Get URL Parts In Javascript (Host, Path, File, Query, ETC…) Read More »