TechScribe Notes
2.배경화면과 hex컬러넘버 랜덤으로 변경하기 본문
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코드로 사용할 때 예시
'프론트엔드 > 자바스크립트 예제 100' 카테고리의 다른 글
6. 추천글 슬라이드 (0) | 2021.12.20 |
---|---|
5. 버튼을 누를때마다 감소,증가 되는 숫자 (0) | 2021.12.18 |
4. 인풋창에 입력한 내용 출력하기 (0) | 2021.12.18 |
3.명언 랜덤으로 출력하기 (0) | 2021.12.17 |
1. 배경화면 랜덤으로 바꾸기 (0) | 2021.12.16 |