Vanilla js로 active 붙였다 떼기

아기코딩단2·2022년 7월 12일
0

HTMl code


    <div id="test" class="div-class">1번</div>
    <div id="test" class="div-class">2번</div>
    <div id="test" class="div-class">3번</div>
    

javascript code


    const divClass = document.querySelectorAll('.div-class');



    [].forEach.call(divClass, function(div) {
        div.addEventListener('click', click,false)
    });
    function click(e) {
        for(let i=0; i<divClass.length; i++) {
            divClass[i].classList.remove('active');
        }
        this.classList.add('active');
    } 

profile
레거시 학살자

0개의 댓글