DAY 11

 

6.0 - 6.2

 

 

background.js

// img 파일 명을 담은 변수
const images = ["0.jpeg", "1.jpeg", "2.jpeg"];
// 이미지 랜덤 출력
const chosenImage = images[Math.floor(Math.random() * images.length)];
// document에 img 태그를 만드는 변수 생성
const bgImage = document.createElement("img");
// bgImage의 src에 주소를 랜덤으로 대입
bgImage.src = `img/${chosenImage}`;
// html에 img 태그를 생성한다.
document.body.appendChild(bgImage);

 

img를 배경으로 하고싶다면 

body > img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  opacity: 80%;
}