Tips & Tutorials

Welcome to a tutorial on how to create a simple keylogger with Javascript and PHP. So you need to capture all the keys that a user pressed on your website – For user case testing or for a project? Well, keyloggers are actually quite simple, and this guide will walk you through how to create one, step-by-step. […]

Welcome to a quick tutorial and example on how to download an HTML 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

Welcome to a tutorial on how to pass variables between pages in Javascript. Need to pass some data between different pages? An easy way to pass variables between pages is to use a query string: On the first page: var para = new URLSearchParams(); para.append(“KEY”, “VALUE”); location.href = “HTTP://SITE.COM/PAGE.HTML?” + para.toString(); On the second page:

Welcome to a quick tutorial on how to check if a value exists in an object in Javascript. So you have probably tried to do a includes(“VALUE”) to check if an object contains a certain value. But as it turns out, objects don’t have that very convenient function. The common ways to check if a

Welcome to a short tutorial on how to add leading and trailing zeroes to numbers in Javascript. So you have some numbers that require padding of zeroes? The easy way to add leading or trailing zeroes in Javascript is to: Concatenate the number with a string of zeroes. var num = “000” + 123; var

Welcome to a quick tutorial and examples of how to toggle fullscreen mode with Javascript. Yes, the old grandmother’s age of the Internet is over now. Modern web browsers can be switched to full-screen mode in Javascript easily. To enter fullscreen mode for the entire page  – document.documentElement.requestFullscreen() To enter fullscreen mode for a specific

Welcome to a tutorial and example on how to do a Javascript Fetch request with HTTP basic auth. To perform Fetch with HTTP basic auth, simply include the authorization headers in the request. var credentials = btoa(“USER:PASSWORD”); var auth = { “Authorization” : `Basic ${credentials}` }; fetch(“http://site.com/protected/”, { headers : auth }); That covers the

Welcome to a quick tutorial and example of how to get HTML content using the Javascript Fetch API. So you are wondering if fetch() can get HTML content just like XMLHttpRequest? Of course, we can. To get HTML content with the Javascript Fetch API, simply make a fetch() call to the script and return the

Welcome to a quick tutorial and example on how to post form data using Javascript Fetch. So you have just started with the Javascript Fetch API, and wondering how to send data with it? To post form data using Javascript Fetch, simply set the send method to “post”, and set the form data in the

Welcome to a tutorial and example on how to send a Javascript fetch request with GET query parameters. New to the fetch API, and trying to pass in some query parameters? To send GET query parameters with Javascript fetch, simply create a new URL object and append the search parameters: var data = { “KEY”