mobile-placeholders.js

const mobilePlaceholders = () => {
    document.querySelectorAll('[data-mobile-placeholder]')?.forEach(el => {
        if(window.innerWidth <= 1100){
            el.setAttribute('placeholder', el.dataset.mobilePlaceholder);
        }else{
            el.removeAttribute('placeholder');
        }
    });
}

mobilePlaceholders();
window.addEventListener('resize', mobilePlaceholders);