중요 포인트

Math 함수

const chosenImage = images[Math.floor(Math.random() * images.length)];

랜덤 문장불러오기와 비슷하다. images 배열 인덱스 만큼 랜덤하게 index 숫자를 불러온다.

랜덤 사진 불러오기

const images = [
    "1.jpg",
    "2.jpg",
    "3.jpg",
    "4.jpg",
    "5.jpg",
    "6.jpg",
];

const chosenImage = images[Math.floor(Math.random() * images.length)];

const bgImage = document.createElement("img");

bgImage.src = `img/${chosenImage}`;

document.body.appendChild(bgImage);

bgImage.classList.add("backImage");

1. images 배열을 변수로 저장한다.
2. chosenImage에 랜덤하게 가져올 images 변수를 저장한다.
   3.bgImage 에 createElement를 이용하여 img를 html에 만든다.
3. bgImage에 src에 이미지에 경로를 설정한다.
4. body에 appenchild를 사용하여 html에 불러온다.
5. bgImage.classList를 사용하여 backImage 클래스를 넣으면 css 에서 꾸밀수있다.