랜덤으로 배열에 데이터를 변경시켜 데이터를 변경하는 경우에 Math.random() & Math.floor 사용해서 구현했다.
이 기능뿐만 아니라 가격, 숫자등등 다양하게 값을 구하는데 활용성이 좋은 함수다.
Github Source ☝ 구현 소스를 보실수 있습니다.
https://github.com/yoogukhyeon/vanilla_javascript
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 |