JavaScript: verificare se un elemento si trova nella larghezza della viewport

In questo articolo vedremo come verificare se un elemento si trova nella larghezza della viewport con JavaScript.

La soluzione è la seguente:

const isInViewport = element => {
        if(element === null || !element) {
            return false;
        }
        const rect = element.getBoundingClientRect();
        return (rect.left >= 0 && rect.right <= (window.innerWidth || document.documentElement.clientWidth));
    };