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); …

Sometimes, we may want to get the first entry of a JavaScript object. In this article, we’ll look at how to get the first entry of a JavaScript object. Object.keys We can use the Object.keys method to return an array of object keys. Therefore, we can use it to get the…

Different ways of converting a date string to a timestamp in JavaScript. — Sometimes, we may want to convert a date to a UNIX timestamp in JavaScript. In this article, we’ll look at ways to convert a date to a timestamp in JavaScript. Use the Date.parse() Method We can use the Date.parse() method to convert the date string into a timestamp. For instance, we can write: const…

and Format Code Automatically with Prettier with VS Code — ESLint lets us catch errors and bad practices in our React or Next.js project easily. And Prettier lets us format our code automatically by following some rules that are defined. In this article, we’ll look at how to set up ESLint and Prettier in our React or Next.js project and…