You can use the following JavaScript code snippets to change the placeholder text. // Option #1 – Plain JS document.getElementById(“someId”).placeholder = “newText”; // Option #2 – jQuery $(“#somId”).attr(“placeholder”, “newText”); Now let’s look at some other ways we can work with these techniques. We will also be using some of these strategies to build a little …
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){ …
You can call a JavaScript function from HTML by adding the function call directly on the HTML element or by embedding the JS code into the the HTML page. TL;DR: Here is a code snippet to call a JS function from HTML. Full examples in post. <button onclick=”htmlFunctionOne”>I have a function on me</button> In this …
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 …
The purpose of this project is to illustrate how we can use various JavaScript string manipulation techniques to create a real application. We are going to create a JavaScript application that will scan text, extract all the numbers from the text and add up the total, and finally display the average of all the numbers. …
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 »
I want to start by saying that I don’t think a laptop is the best workstation for machine learning. You probably already know this, but a desktop can offer a lot more power, and so can online compute power. A laptop can offer portability though, which is what a lot of people are looking for …
In this tutorial we will be creating a game. A game is a great way to illustrate object oriented programming (OOP). Object oriented programming, as the name suggests, is a style of programming where you model your code after objects, and a game is full of objects. It is a fundamental concept of Compute Science. …
Learn Object Oriented Programming By Creating a Game Read More »
Affiliate disclosure: As an Amazon Associate I earn from qualifying purchases. Learn JavaScript from the classic Head First JavaScript Programming book! 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 …
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 also see see the techniques taught here used in this JavaScript …
Remove Comma From String – Building a JavaScript Application Read More »
In this post we will go over how to check if a JS object has a key. 3 Ways to Check if a JavaScript Object has a Key Use the “in” keyword Use the .hasOwnProperty(“keyName”) method Try to use the key Quick Answer Here is a code snippet you can use if you are just …