Javascript에서 배경 이미지 넣기

phillip oh·2020년 4월 20일
0

노마드코더-Vanilla JS

목록 보기
14/16
post-custom-banner

노마드 코더님의 자바스크립트 강의를 보고 정리한 글입니다.

bg.js

  • Math 라이브러리를 이용하여 각종 수치들을 다룰 수 있다.
  • Math 라이브러리를 이용하여 난수를 생성할 수 있다.
const body = document.querySelector("body");

const IMG_NUMBER = 3;

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

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

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

init();
profile
모빌리티 스타트업에서 데이터를 다루고 있습니다.
post-custom-banner

0개의 댓글