클릭했을 때, 클래스 추가하는 방법

jquery 사용

$('.side-bar').click(function() {
    if ( $(this).hasClass('active') ) {
        $(this).removeClass('active')
    }
    else {
        $(this).addClass('active')
    }
});

//.side-bar 는 기존 div 의 class.

javascript 으로만

<script>
const divTag1 = document.getElementById("container1");
const divTag2 = document.getElementById("container2");
function handleOnclick1() {
divTag1.classList.add("HelloClass"); // 클래스 하나
}
function handleOnclick2() {
divTag2.classList.add("class1", "class2", "class3"); // 클래스 여러개
}
divTag1.addEventListener("click", handleOnclick1);
divTag2.addEventListener("click", handleOnclick2);
</script>

//container1, container2 는 기존 div 의 id.