JavaScript: assegnare una classe diversa all'elemento body in base al dispositivo in uso

Con JavaScript possiamo assegnare una classe diversa all'elemento body in base al dispositivo in uso.

La soluzione è la seguente:


'use strict';

const isMobile = () => {
    return /mobile/gi.test(navigator.userAgent);
}

document.addEventListener('DOMContentLoaded', () => {
    const body = document.body;
    const bodyClass = (isMobile()) ? 'mobile' : 'desktop';
    body.classList.add(bodyClass);
});