# Random quotes and background

⭐️ 필수 개념

Math.random( ) : 0~1 사이 랜덤 숫자(float)
Math.floor( ) : 소수 내림
Math.round( ) : 반올림
Math.ceil( ) : 올림
💡 Math.floor(Math.random( ) * 10) : 0~10 사이 랜덤 정수

1. Random quotes

📌 명언 랜덤으로 고르기

quotes[Math.floor(Math.random() * quotes.length)] 

2. Random background

랜덤으로 가져오는 원리는 random quotes와 동일.

⭐️ JS에서 HTML 요소 만들기 : createElement( )

ex) document.createElement("img")

• 요소 맨 뒤에 넣기 : childAppend( )
• 요소 맨 앞에 넣기 : childPrepend( )

방법

1. 랜덤으로 이미지를 고름.
   ⚠️ 유의할 점 : 이미지 파일명이 같아야 함.
   (이미지명이 0.jpeg면 배열에서의 이름도 0.jpeg로 동일하게 설정)
2. JS에서 img태그를 만들고 src 속성에 파일명 랜덤으로 입력.
3. HTML의 body에 append 해줌.
   

출처: 노마드 코더 바닐라 JS로 크롬 앱 만들기