๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
JavaScript/[๋…ธ๋งˆ๋“œ ์ฝ”๋”]๋ฐ”๋‹๋ผ JS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ

[๋…ธ๋งˆ๋“œ ์ฝ”๋”]๋ฐ”๋‹๋ผ JS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ - #6 QUOTES AND BACKGROUND

by eugene663 2021. 8. 10.

#6.0 Quotes

Math.random() : 0~1์‚ฌ์ด์˜ ๋žœ๋คํ•œ ์ˆซ์ž(float) ์ œ๊ณต

Math.random() * 10 : 0 ~ 10์‚ฌ์ด์˜ ๋žœ๋คํ•œ ์ˆซ์ž(float) ์ œ๊ณต

Math.round(x.x) : ๋ฐ˜์˜ฌ๋ฆผํ•œ ์ •์ˆ˜ ์ œ๊ณต

Math.ceil(x.x) : ์˜ฌ๋ฆผํ•œ ์ •์ˆ˜ ์ œ๊ณต ex)Math.ceil(1.1) = 2, Math.ceil(1.0) = 1

Math.floor(x.x) : ๋‚ด๋ฆผํ•œ ์ •์ˆ˜ ์ œ๊ณต

 

->Math.floor(Math.random()*10) : 0 ~ 9์˜ ๋žœ๋คํ•œ ์ˆซ์ž ์ œ๊ณต

 

#6.1 Background

const bgImage = document.createElement("img"); : JS์—์„œ HTML ํƒœ๊ทธ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

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

 

document.body.appendChild() : body์— html ์ถ”๊ฐ€. ์ œ์ผ ๋งˆ์ง€๋ง‰์— ์ถ”๊ฐ€๋œ๋‹ค.

document.body.prependChild() : ์ œ์ผ ์•ž์— ์ถ”๊ฐ€๋œ๋‹ค.

 

->์ƒˆ๋กœ๊ณ ์นจํ•  ๋•Œ๋งˆ๋‹ค, ๋žœ๋คํ•œ ๋ช…์–ธ๊ณผ ์‚ฌ์ง„์ด ์ถœ๋ ฅ๋œ๋‹ค.