Nomad Coders 강의 - VanillaJS로 크롬 momentum 만들기 3

안녕하세요.!! Lotts 입니다. 😉

 

저번 시간에 이어서 

❛VanillaJS로 크롬 Momentum 만들기❜

드디어 마지막 시간입니다.

👏👏👏

 

이전 포스팅은 아래 링크를 눌러주세요 😊

👇👇👇

2020/03/13 - [프로그래밍/JavaScript] - Nomad Coders 강의 - VanillaJS로 크롬 momentum 만들기 2

Nomad Coders 강의 - VanillaJS로 크롬 momentum 만들기 2

 

오늘은 드디어 마지막 시간

네번째, 랜덤 하게 배경 이미지 가져오기입니다

 

 

네 번째 랜덤 하게 배경 이미지 가져오기 🌎

const body = document.querySelector("body");
const IMG_NUMBER = 9;

function paintImage(imgNumber){
  const image = new Image();
  image.src = `images/${imgNumber + 1}.jpg`;
  image.classList.add("bgImage");
  body.appendChild(image);
}

function genRandom(){
  const number = Math.floor(Math.random() * IMG_NUMBER);
  return number;
}

function init(){
  const randomNumber = genRandom();
  paintImage(randomNumber);
}

init();

비교적 간단하기 때문에 전체 소스를

한 번에 올렸습니다 ✌

 

이미지 파일 이름을 숫자로 정한 후

Math.radom()를 이용하면

Math.floor(Math.radom() * 9) 일 경우 0~8까지 랜덤 하게

나오게 됩니다

 

📢 TIP❗❗ Math.radom(), Math.floor()

Math.random() // 0이상 1미만의 부동소수점 의사 난수를 출력합니다

Math.floor() //주어진 수에서 가장 큰 정수를 출력합니다

 

 

이상

니꼴라스 선생님의 👨‍🏫

❛VanillaJS로 크롬 momentum 만들기❜

강의 후기였습니다.

👏👏👏👏