JavaScript & DOM Tips, Tricks, and Techniques (Volume 4)

Using Array.sort()

Click Events on <label> Elements

change vs. input Events on Different Elements

Keys in ES6 Maps

window.scrollTo()

Third Parameter for addEventListener()

Clearing JavaScript Timers

Node.isConnected

Different Ways to Get Element Dimensions

Efficient Event Delegation

Mouse Wheel Events

DOM Element Dimensions and CSS Transforms

Using const in the Global Scope

Array.fill()

Array Method Returns

JavaScript Thunk

Array.includes()

elseif in JavaScript

Object.preventExtensions()

Applying a Method on a Number

classList with Multiple Classes

globalThis

Property Descriptors

history.scrollRestoration

Object.assign()

Using the File API

New String Methods

Array.entries()

Object.keys() and Object.values()

Destructuring Multiple Function Parameters

Building A Quick-and-dirty Code Editor

Remove All Falsy Values from an Array

focus() with preventScroll

Fixing focus() on mousedown

keypress Event now Deprecated

The beforeinput Event

An Intro to JavaScript Generator Functions

The FormData() Constructor

$(document).ready() in Vanilla JavaScript

Array.flat()

The Optional Chaining Operator

More on the Optional Chaining Operator

The Nullish Coalescing Operator

The Exponentiation Operator

Regex Sticky Flag

import.meta

Element.closest()

Anatomy of a URL with the Location Object

Writing Clean, Maintainable Code

The return Statement

replaceWith()

monitorEvents()

RORO Pattern

Magic Numbers

instanceOf

Replacing Logical Or

Image.complete

Remove Empty Array Slots

Array.at()

Array Equality

RegExp dotAll

Async/Await Functions

The URL() API

Deep Copy vs. Shallow Copy

The label Property for Form Elements

Object.freeze() and Object.seal()

JavaScript Classes

Event Properties

Everything You Wanted to Know About Infinity in JavaScript

1. What is Infinity?
2. When is Infinity Returned?
3. Checking for Infinity
4. Infinity Can Be Positive or Negative
5. Infinity as a Default Value
6. Beware of Infinity when Converting to JSON

The Drag and Drop API

1. Drag and Drop with the dataTransfer Object
2. Using setDragImage() with Drag and Drop
3. Different Drag Events
4. Elements That are Draggable By Default
5. Using The effectAllowed Property

Fading in a Page on Load with CSS & JavaScript

1. Steps I Want to Accomplish
2. The Code
3. Conclusion

Using the adoptNode() Method with Embedded iframes

1. Re-Adopting Elements from the Parent
2. Use Cases for This?