배경화면의 사진들을 랜덤하게 보여주는 기능을 구현한다.

quote, 명언보여주기 기능에서 했던 방식이랑 전체적으로 비슷하지만 몇몇 부분은 다른 방식으로 구현한다.

img엘리먼트를 HTML이 아닌 자바스크립트에서 만들어 이미지 파일 속성까지 넣어준다.

1. 이미지 파일 이름으로 된 배열을 만든다.

   const image = [1.jpg, 2.jpg, 3.jpg, ...]

2. Math.random 메서드로 image변수의 인덱스를 랜덤으로 지정한다.

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

3. img 엘리먼트를 만드는 메서드를 변수에 할당한다.

   const createImg = document.createElement('img')

4. img를 만드는 변수의 src속성으로 랜덤으로 만들어진 image의 인덱스로 지정한다.

   createImg.src = image[Math.floor(Math.random()*image.length)]

5. HTML의 body엘리먼트에 img엘리먼트를 추가한다.

   document.body.appendchild(createImg)

체크리스트

• createElement
• appendchild