Sometimes, we have a JavaScript string with code in it that we want to run. In this article, we’ll look at how to execute JavaScript code stored in a string. Create a New Function with the Function Constructor We can create a new function from our JavaScript code string with the Function constructor. For instance, we can write: …

Oftentimes, we want to append HTML content into a container element. Sometimes, we want to do this without setting the innerHTML property of the container element to do so. In this article, we’ll look at how to append HTML to a container element without setting the innerHTML property of the…

Sometimes, we may want to take a screenshot of a div with JavaScript. In this article, we’ll look at how to take a screenshot of a div with JavaScript. Use the html2canvas Library We can use the html2canvas library to capture the div as an image and put it into a canvas element. To…

A quick guide on how to scroll to the top of a browser page with JavaScript. — Sometimes, we may want to scroll to the top of a browser page with JavaScript. In this article, we’ll look at how to scroll to the top of a browser page with JavaScript. Use the window.scrollTo Method We can use the window.scrollTo method with the x and y coordinates to scroll to as arguments…

A guide on how to adjust the width of an input field to the width of its input value. — Sometimes, we may want to adjust the width of an input field to the width of its input value. In this article, we’ll look at how to adjust the width of an input field to the width of its input value. Listen to the keypress Event We can listen to the keypress event to get…

Sometimes, we may want to change the selected drop-down option with JavaScript. In this article, we’ll look at how to change an HTML selected option with JavaScript. Set the value Property of the Select Drop Down We can change the HTML select element’s selected option with JavaScript by setting the value property of the select element object. For instance…

A tutorial on converting any string into a camel case with JavaScript. — Sometimes, we want to convert a JavaScript string into a camel case with JavaScript. In this article, we’ll look at how to convert any string into a camel case with JavaScript. Use the String.prototype.replace method We can use the string instances’ replace method to convert each word in the string to convert the first…

Sometimes, we may want to count certain elements in a JavaScript array. In this article, we’ll look at how to count certain elements in a JavaScript array. Using the Array.prototype.filter Method The Array.prototype.filter method lets us return an array with the items that meets the condition we’re looking for. Therefore, we can use the…

A guide on how to run JavaScript code after some delay. — Sometimes, we want to run some JavaScript code after a delay. In this article, we’ll look at how to set a time delay in JavaScript. Use the setTimeout Method We can use the setTimeout method to run code after a time delay. For instance, we can write: setTimeout(() => { console.log('hello world') }, 1000); …