Welcome to a tutorial on how to abort Javascript execution. Need to manually stop a piece of script for some reason? Client-side Javascript does not have a native abort function, but there are various alternatives to abort Javascript execution: In a function, simply return false or undefined. Manually throw new Error(“ERROR”) in a function. Set …
6 Ways To Abort Javascript Execution – Simple Examples Read More »
Welcome to a tutorial on how to create an infinite page scroll with vanilla Javascript. If you have been following up with social media – Facebook, Twitter, Instagram, etc… Then you should not be a stranger to that “scroll down to load more contents” interface. Yep, that is exactly what we will walk through in …
Simple Infinite Scroll with PURE Javascript – Free Download! Read More »
Welcome to a quick tutorial on how to create a voice search using Javascript Speech Recognition API. Is the “normal search bar” too boring for you? Wonder if we can add a “voice search” button to a webpage? Yes, we can. It is also surprisingly pretty easy to do so. Read on for an example! …
Simple Voice Search Using Javascript Speech Recognition Read More »
Welcome to a tutorial on how to debug Javascript. Oh no! An error occurred, what is to be done next? Sadly, the immediate reaction of some beginners is to go into denial – Debugging is difficult, I will just report “it doesn’t work” to a code ninja, and things will be magically fixed. Well, no. …
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 tutorial on how to crop images in Javascript. Want to lessen the server load by cropping the image on the client-side? Or just curious about how those “online image crop tools” work? To crop an image in Javascript: Create an image and canvas. var img = new Image(); var canvas = document.createElement(“canvas”); …
How To Crop Images In Javacsript (Simple Examples) Read More »
Welcome to a quick tutorial and example on how to download a canvas as an image in Javascript. So you have an HTML canvas that you want to offer as a download – No problem, we can do that with a few lines of code. To download a canvas as an image file in Javascript: …
Download Canvas As Image In Javascript – Simple Example Read More »
Welcome to a quick tutorial and example of how to resize images in Javascript. Yes, resizing images is no longer a server-side thing. We can also do it in Javascript with just a few lines of code. We can use the canvas API to resize images in Javascript: Start by creating a new image and …
3 Steps To Resize Images In Javascript (Simple Examples) Read More »
Welcome to a tutorial and example on how to create a custom video player with a playlist. Want to build your own video player and add a playlist to it? Sadly, things are not that straightforward. There are no native implementations of a video playlist in HTML and Javascript. The only way to create a …
Custom HTML Video Player With Playlist (Step-By-Step Example) Read More »
Welcome to a quick tutorial and examples of how to read files in Javascript. Yes, you read that right – It is possible to read files in client-side Javascript. To read a file in Javascript: Create an HTML file field – <input type=”file” id=”picker”/> Get the selected file – let selected = document.getElementById(“picker”).files[0]; Read the …
How To Read Files In Javascript (Simple Examples) Read More »
