선택한 색상으로 색 변하게 만드는 법(onclick, for, switch)

안녕하세요!

 

이번에 다루는 기능은 제가 예전에 만들었었는데

안타깝게도 적용되지 않은 기능이랍니다...ㅠㅠ

 

 

비록 쓰이지는 않았지만 블로그에 게시해서

공유해보고 싶었어요! ㅎㅎ

 

 

선택한 색상으로 바뀌는 기능

 

 

선택한 색상에 따라 대표 색상이 바뀌도록 만들었는데요!

 

여기서 사용한 대표적인 기능은!

 

onclick=""

html에서 태그에 적용하는 함수입니다.

 

for(){}

증가문을 설정해줍니다

 

switch(){}

상황을 하나씩 설정해줍니다.

(case1, case2....)

입니다

 

 

[1] 각 html 에 onclick(num, this) 를 먼저 설정해주고

 

 

[2] for 를 사용해 증가문을 설정해주고

(색상의 개수 이하로 증가되도록 설정)

 

 

[3] 증가문의 수와 html의 onclick에 설정된 num이 같으면

 

 

[4] 각 넘버에 해당하는 색상이 대표 객체에 등장하도록 설정했어요

 

 

 

 

 

switch 를 사용하여 각각의 색상을 해당 객체에 부여한 숫자와 일치하면 바꿀 수 있도록 만든 예제

 

나열되는 객체에 각각 다른 속성을 부여할 때 사용하면 좋은 문법

 

---

 

아마 javascript 를 잘 다루시는 분이라면

더욱 간단한 코드로 이 기능을 구현할 수 있을거에요

 

저도 그 날이 올때까지 열심히 공부하도록 하겠습니다 ><

 

아자아자!