Collection of JavaScript tutorials
TL;DR: Here is a code snippet you can use to change the placeholder text using JavaScript. There is an application in the post showing how this can be used. // Option #1 – Plain JS document.getElementById(“someId”).placeholder = “newText”; // Option #2 – jQuery $(“#somId”).attr(“placeholder”, “newText”); Before we make our application, let us look at some …
TL;DR: Here is a code snippet that you can use to change the text size. There is a full application in the post going over how this can be used. document.getElementById(“id”).style.fontSize = 20px; In this post we are going to create a pretty neat application. We are going to implement a slider, where when we …
TL;DR: Here is a code snippet that you can use to change the text of a button when you click on it. There is a full application showing how you can use this in the post. var button = document.getElementById(“buttonExample”); button.addEventListener(“click”, function(){ var newVal = getInput(“newValue”); // Either get some input or hard code it …
TL;DR: Here are code snippets you can use to change the address bar without reloading the page. Check out the post for an example application showing how to use these. // Option #1 window.history.replaceState(stateObject, title, path); // Option #2 window.history.pushState(stateObject, title, path); In this post we are going to build an application where you enter …
TL;DR: Here is a code snippet you can use to change the background color of an element. (There is a full application in the post where we change colors) document.getElementById(“SomeId”).style.backgroundColor = “#eee”; In this post we are going to build an application where you provide the RGB value in some input boxes, and we will …
JavaScript Change Background Color – With Application Read More »
In this post we are going to work with checkboxes. We will look at how we can check if checkboxes are checked, how we can check them ourselves, how to get the value out of them, and how to clear them. TL;DR: Here is how you check if a specific checkbox is checked. function isChecked(id){ …
In this post we are going to have a look at how we can call a JS function from HTML. As you might know, it is best to put your JavaScript code in its separate document and import that document in the header file, but sometimes you just want to call it directly from the …
It is possible to return multiple values form JavaScript functions, but those values have to be wrapped inside some sort of container. So in reality you are only returning one value, but that is a container that holds multiple values. In most cases, returning multiple values is the wrong thing to do. If you find …
Using JavaScript to get the current URL can be useful in a lot of ways. In this post we are going to go over the many different ways you can get either the whole or just parts of the current URL. TL;DR: You can get the full current URL by accessing window.location.href. function getCurrentUrl(){ return …
In this post we are going to look at how we can use JavaScript to get input values. Having input boxes in applications is common, and getting the value out of them is quite important. In addition to just getting the value, we are also going to build a custom application where we do error …
There are multiple ways that you can use JavaScript to check if an object is empty or not. In this guide we are going to dive into a few of them, as well as creating a little application where we use some of the techniques that we are going to discuss. Different ways to check …
How to Check if an Object is Empty in JavaScript Read More »
Many applications need to get the current time, and luckily it is not so hard using JavaScript. In order to get the time we will we working with the Date class. This class has multiple methods that we can use to get what we want in the format that we want it. In this post …
The .toUpperCase() function in JavaScript is a fairly straight forward function. You call the function on a string, and it will return the string with all the letters capitalized. In this post we are going to go over different use cases for the function and at the end we will build a real application which …
How to use .toUpperCase() – Build a JavaScript Application Read More »
In this guide we are going to look at how we can convert a decimal number to binary using JavaScript. We will also go the other way and convert a binary to a decimal number. We will also build our own custom text to binary converter that can take text as input and convert it …
JavaScript Decimal to Binary Tutorial – Complete Application Read More »
Break and continue are two keywords you can use in JavaScript loops. Break will “break” you out of the loop, i.e. you will stop iterating through the loop. Continue on the other hand will skip the rest of the loop and continue with the next iteration. In this post we will look at how we …
Finding the average of all the numbers in an array using JavaScript is quite easy. We will look at how we can do it using plain JavaScript and also how to to find the average using jQuery. The syntax for looping over an array is a little different so it is worth taking a look …
How to Find the Average of an Array Using JavaScript Read More »
In this post we are going to go over various ways we can use JS to remove either one or many commas from a string. We are also going to build a custom JavaScript application where we utilize some of these techniques. You can find the application towards the bottom of the post. If you …
Remove Comma From String – Building a JavaScript Application Read More »
TL;DR: (There are more ways described in the post) var keyExists = someObject.hasOwnProperty(“keyName”); In this post we are going to look at many of the ways we can use JavaScript to check if an object has a key. Towards the end we are also going to use the techniques from this guide to build a …