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

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

Torna su