JavaScript

javascript Math.random() 활용한 랜덤 명언

martinooo 2023. 2. 24. 12:26
728x170


랜덤으로 배열에 데이터를 변경시켜 데이터를 변경하는 경우에 Math.random() & Math.floor 사용해서 구현했다. 

이 기능뿐만 아니라 가격, 숫자등등 다양하게 값을 구하는데 활용성이 좋은 함수다.



 

Github Source ☝ 구현 소스를 보실수 있습니다.

https://github.com/yoogukhyeon/vanilla_javascript

 

GitHub - yoogukhyeon/vanilla_javascript

Contribute to yoogukhyeon/vanilla_javascript development by creating an account on GitHub.

github.com

 


1. quotes 배열에 데이터를 만들어준다.

 

2. quoteFun 함수를 선언한다. 

 

3. 보여줄 text dom을 가져온다.

 

4. Math.random() 활용해서 위에 만든 배열에 length 만큼에 숫자값이 나오게 값을 구한다. 

* Math.random 값을 구하면 2.3443341 소수점 값을 준다. 

 

5. Math.floor 활용해서 소주점을 버리고 가장큰 정수 값을 준다. 

* 2.344445 값을 Math.floor 하면 2를 반환한다. 2 가장 큰 정수이기때문이다. 

 

6. 구한 값을 배열에 넣고 값을 추출

 

7. 보여줄 dom에 innerText에 값을 넣어주면 완료.

 

8. 함수 실행 

 

 

 

그리드형

'JavaScript' 카테고리의 다른 글

javascript FAQ(자주 묻는 질문)  (30) 2023.02.28
javascript countDown (날짜 카운트다운)  (14) 2023.02.27
javascript execCommand (복사 기능)  (18) 2023.02.23
화살표 함수 (Arrow Function)란?  (17) 2022.12.28
FormData 사용법 & 개념  (4) 2022.12.22