[JS] Day10 - Hold Shit and Checkboxes

demo:

Day10 - Hold Shit and Checkboxes

🎯 機能要件

🚀 学識

Shiftキーの使用時にチェックボックスを繰り返します

const checkboxes = document.querySelectorAll("input[type=checkbox]");

    let lastCheckedItem = undefined;
    
    [...checkboxes].map(checkbox => checkbox.addEventListener("click", e => {
        let isStart = false;

        if(e.shiftKey && e.target.checked) {
            
            if(!lastCheckedItem) return;
        
            [...checkboxes].map(checkbox => {
                if(checkbox === lastCheckedItem || checkbox === e.target) {
                    isStart = !isStart;
                }

                if(isStart) checkbox.checked = true;
            });
        }

        lastCheckedItem = e.target;
    }));