div 클릭시 색을 바꾸고 싶습니다. 채택완료

div 태그에 float 값을 주어 아래와 같이 배치하였습니다. 이때..

 

6cd942e50a81091c45add3559f914773_1411667509_8184.png

 

1. 첫행의 빨간 칸을 클릭하면

 


6cd942e50a81091c45add3559f914773_1411667509_8488.png

 

 

2. 위와 같이 흰색으로 배경색이 바뀌고

6cd942e50a81091c45add3559f914773_1411667509_8814.png

 

 

3. 옆에 있는 파란색칸을 클릭하면 파란색칸이 흰색으로 바뀌고, 이전에 클릭된 칸은 원래 색인 빨간색으로 바뀌게 됩니다.

6cd942e50a81091c45add3559f914773_1411667509_916.png

4. 그 옆칸도 마찬가지로..

 

 

 

이와 같이 코드를 짜고 싶은데 어떻게 해야할까요 ! 도움부탁드리겠습니다..

답변 1개

div에 해당하는 각 칸마다 id를 준다

onclick 이벤트를 만들어 클릭이 된 값이 몇인지 보고 해당값의 색을 바꿔준다 나머지는 기본색 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고