Javascript - random

조혜령·2021년 11월 19일
0

Javascript

목록 보기
15/19

랜덤으로 요소를 나타내고 싶을 때 사용한다.
10가지의 명언 목록이 있다면, 0번째 부터 9번째까지 랜덤으로 나타나게 해줄 function이 필요하다.

math

해당 요소를 랜덤으로 나타나게 해줄 수 있는 module이다.

random()


math의 function 중 하나인데, 0부터 1 사이 랜덤으로 숫자를 나타나준다.
위처럼 0에서 9번째 숫자를 얻기 위해서는

이렇게 10을 곱해주면 된다.
그치만 이것들은 정수가 아니다.
정수를 나타내기 위해서는?

round()

랜덤으로 나타난 숫자를 반올림하여 정수로 나타내준다.

ceil()

랜덤으로 나타난 숫자를 올림하여 정수로 나타내준다.

floor()

랜덤으로 나타난 숫자를 버림하여 정수로 나타내준다.


이렇게 사용해주면 console 창에 랜덤으로 값이 나타나게 된다.
하지만 이는 딱 10개의 명언일 때만 작동하게 될 것이다.

47번째 코드를 비교해 보면 10을 quotes.length로 바꿔주었다.

Javascript에서 html을 만들어 적용해주기

배경이미지를 random으로


위 코드와 똑같이 랜덤으로 만들어줬다.

createElement("html에 추가할 tag");

위 코드에서는 img를 추가해준 것이다. 1번째 줄 코드 array 속 요소의 형태가 아닌 요소는 작동하지 않을 것이다!



전체를 깔아줄 배경이미지라서 body에 적용을 시킬건데, appendChild를 이용하여 body에 html을 추가해줬다.

profile
HR velog

0개의 댓글