> For the complete documentation index, see [llms.txt](https://chobom0107.gitbook.io/vs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://chobom0107.gitbook.io/vs/master.md).

# addClass

### 클래스 추가 및 제거 

(addClass/removeClass) < - > (classList.add/classList.remove)

```javascript
//radius20번을 클릭하면 클래스를 추가시켜주세요
$(".radius20").click(function(){
     $(".radius20").addClass("active");
});

document.querySelector(".radius20").addEventListener("click",function(){ 
     document.querySelector(".radius20").classList.add("active");
});
```

### 글씨색 바꾸기

(css) < - > (style)

```javascript
//radius20번 클릭하면 글씨색을 파란색으로 변경 
$(".radius20").click(function(){
$(this).css("color","blue");
 });

document.querySelector(".radius20").addEventListener("click",function(){ 
 document.querySelector(".radius20").style.color = "purple";
});
```