js로 select 선택시 HTML태그 클래스 추가하기

See the Pen Untitled by leeys (@agent-megurii) on CodePen.

1.보통 태그에 있는 클래스로 스크립트에 선언을 한후 선택자로 쓸수 있지만

대상에 id값이 있는경우 선언할 필요없이 바로 선택자로 사용할수 있습니다.

 

2.이번에는 자바스크립트에 selectedCard라는 함수를 선언하고 select 태그에 onchange를 작성하여 함수를 넣었습니다.

그렇게되면 select박스가 선택될때 seletedCard명령이 실행됩니다.

저는 셀렉트카드함수에 클래스를 추가,제거하는 명령을 주었습니다.

대신 if문을 이용하여value값이 "00"이 아닐경우에만 실행되도록 하였습니다.

 

연습장에는 태그에 class도 넣어서 클래스 선언시 선택자가 작동하도록 작성되었습니다.

id로 쓰나 class를 선언해서 그 변수나 상수를 선택자로 사용하나 활용하는 방법은 같습니다.