TechScribe Notes
1. 배경화면 랜덤으로 바꾸기 본문
https://jsbeginners.com/change-background-color-project/
Change Background Color JavaScript Project - JSBeginners
Hosted Project https://js-beginners.github.io/project_change_color_background/ Github Source Files https://github.com/JS-Beginners/project_change_color_background This background color changing app was short and sweet to complete. Since I was given the HTM
jsbeginners.com
가운데의 버튼을 누를때 마다 랜덤으로 컬러가 바뀌는 자바스크립트 코드짜기
HTML과 CSS로 기본틀과 스타일 코딩.
button 과 background 변수에 각각 html요소 가져와주고
color에 몇 가지 색상이름을 넣어서 배열객체로 변수지정.
parseInt() : 괄호 안에 있는 값을 정수로 변환해준다.
Math.random() : 0부터 1사이의 값을 랜덤으로 출력해준다.
ex)0부터 3 사이의 값을 랜덤하게 출력하고싶으면 3을 곱하면됨!
여기서는 color배열객체의 length만큼 곱해줌.
배경색을 color[0]: red, color[1] :yellow.... 이런식으로 값을 가져가게끔 설정.
'프론트엔드 > 자바스크립트 예제 100' 카테고리의 다른 글
| 6. 추천글 슬라이드 (0) | 2021.12.20 |
|---|---|
| 5. 버튼을 누를때마다 감소,증가 되는 숫자 (0) | 2021.12.18 |
| 4. 인풋창에 입력한 내용 출력하기 (0) | 2021.12.18 |
| 3.명언 랜덤으로 출력하기 (0) | 2021.12.17 |
| 2.배경화면과 hex컬러넘버 랜덤으로 변경하기 (0) | 2021.12.17 |
'프론트엔드/자바스크립트 예제 100' Related Articles
more
