TechScribe Notes

2.배경화면과 hex컬러넘버 랜덤으로 변경하기 본문

프론트엔드/자바스크립트 예제 100

2.배경화면과 hex컬러넘버 랜덤으로 변경하기

yunmee0704 2021. 12. 17. 11:33

1번 문제랑 비슷하게 배열객체를 만들어서 랜덤으로 그 안에 있는 색상을 골라낸다음

html요소에 텍스트 입력해주는 프로그램으로 짰는데,

해설 코드가 더 효율적이고 변수가 다양한듯!

 

-16진법 색상코드: RGB색상코드를 더 간편하게 디지털 코드로 표현하는 방식

0,1,2,3,4,5,6,7,8,9, A(10),B(11),C(12),D(13),E(14),F(15) -> 이렇게 16가지 숫자와 문자의 조합으로 색상코드를 만들 수 있다.

 

=>hexValue 에 16진법 조합이 가능한 숫자와 문자의 배열 객체를 생성한 후

for문에서 총 6자리의 색상 코드를 작성해야 하니까 0~5까지 여섯번 반복하는 명령을 만든다.

 

-Math.floor: 소수점 이하를 내림해서 정수로 만들어 주는 함수.

*parseInt와의 차이 : 양수에서는 크게 차이가 없지만, 음수에서는 Math.floor는 내림을 하고 ParseInt에서는 버림을 하기 때문에 값이 달라짐.

 

-hex에 hexValue 랜덤 인덱스 값에 해당하는 요소를 계속 이어붙여줌 -> 6번 반복해서 6자리 완성

 

-hex코드가 아니라 rgb코드로 사용할 때 예시