[TIL] 2021.11.15

キャラクターマウスクリックで削除

    <script>
        (function () {
            // 이벤트 위임
            const stage = document.querySelector('.stage');

            function clickHandler(e) {
                if (e.target.classList.contains('ilbuni')) {
                    // console.log(e.target)
                    stage.removeChild(e.target);
                }
            }
            stage.addEventListener('click', clickHandler);
        })();
    </script>

  <script>
        (function() {
            const stageElem = document.querySelector('.stage')
            //  현재 활성화된 아이템을 저장
            let currentItem = null;

            // 활성화
            function activate(elem) {
                elem.classList.add('door-opened');
                currentItem = elem;
            }

            // 비활성화
            function inactivate(elem) {
                elem.classList.remove('door-opened')                
            }


            function doorHandler(e) {
                const targetElem = e.target;

                if (currentItem) {
                    inactivate(currentItem);
                }

                if (targetElem.classList.contains('door-body')) {
                    activate(targetElem.parentNode);
                }
            }

            stageElem.addEventListener('click', doorHandler);            
        })();
    </script>