Sometimes, we want to put a file in a state variable with React Hooks. In this article, we’ll look at how to put a file in a state variable with React Hooks. Put a File in a State Variable with React Hooks We can put a file in a state variable with the useState hook. For instance, we can write: …

Sometimes, we want to determine the number of days in a month with JavaScript. In this article, we’ll look at how to determine the number of days in a month with JavaScript. Determine the Number of Days in a Month with Plain JavaScript We can use the getDate method to get the number of days in a month with JavaScript. For…

Sometimes, we want to make a number a percentage with JavaScript. In this article, we’ll look at how to make a number a percentage with JavaScript. Make a Number a Percentage with JavaScript with Arithmetic We can make a number a percentage with basic arithmetic operators. For instance, we can write: const number1 = 4.954848; const number2 = 5.9797; console.log(Math.floor((number1 /…

Sometimes, we want to play a notification sound on websites with JavaScript. In this article, we’ll look at how to play a notification sound on websites with JavaScript. Play a Notification Sound on Websites with JavaScript with the Audio Constructor We can play a notification sound on websites with JavaScript by creating an audio player object with the Audio constructor. For instance…

Sometimes, we want to paste text as plain text into a content editable element with JavaScript. In this article, we’ll look at how to paste text as plain text into a content editable element with JavaScript. Paste Text as Plain Text into a Content Editable Element with JavaScript We can paste plain text into a content editable element by listening to the…

Sometimes, we want to check if a response of a fetch call is a JSON object with JavaScript. In this article, we’ll look at how to check if a response of a fetch call is a JSON object with JavaScript. Check if the Response of a Fetch is a JSON Object in JavaScript We can check if a response of a fetch call…

Sometimes, we want to create an HTML img element with JavaScript. In this article, we’ll look at how to create an HTML img element with JavaScript. Create an img Element with JavaScript with the Image Constructor One way to create an img element with JavaScript is to use the Image constructor. For instance, we can write: const img = new…

Sometimes, we want to create an HTML table with JavaScript. In this article, we’ll look at how to create an HTML table with JavaScript. Create an HTML Table Using JavaScript We can create an HTML table with the document.createElement method. For instance, if we have the following HTML: <div> </div> Then we can create the table…

Sometimes, we want to add line breaks into the HTML5 canvas with the canvas context fillText method. In this article, we’ll look at how to add line breaks into the HTML5 canvas with the canvas context fillText method. Add Line Breaks into the HTML5 Canvas with fillText We can split the text string by the line breaks and position…