커스텀 이벤트 디스패치

https://ko.javascript.info/dispatch-events

const allView = document.querySelector('.selectbox');
const category = document.querySelector('.category');
const dimDiv = document.querySelector('.dimmed');
const customEvent = document.createEvent('Event');
customEvent.initEvent('click', false, true);

allView && allView.addEventListener('click', (e) => {
	category.classList.toggle('active');
    dimDiv.classList.toggle('active');
});

dimDiv && dimDiv.addEventListener('click', (e) => {
	if(dimDiv.classList.contains('dimmed')){
    	allView.dispatchEvent(customEvent);
    }
});

커스텀 이벤트 디스패치