javascript (11) - 백그라운드 랜덤 사진

* 랜덤 함수 활용하여 백그라운드 사진 변경하기

ㄴ background.js 생성 및 접근하기

ㄴ 랜덤으로 사진 불러오기

ㄴ js로 html tag <img src=""> 추가하기

 

const images = ["0.jpg", "1.jpg", "2.jpg"]  // 이미지파일명 일치 const chosenImage = images[Math.floor(Math.random() * images.length)]; // 랜덤 생성 const bgImage = document.createElement("img"); bgImage.src = `img/${chosenImage}`; document.body.appendChild(bgImage);

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

 ㄴ html img 태그 생성하여 bgimage에 저장

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

 ㄴ img 태그 뒤 chosenImage 문자열로 이어줌ㅂ

document.body.appendChild(bgImage);

 ㄴ Body 맨 마지막에 해당 태그를 붙여줌

 ㄴ append - 마지막줄 // prepend - 첫줄