Javascript math module

정유영·2022년 2월 14일
0

Js 입문기

목록 보기
11/11

Math module에는 여러가지 기능이 있다.

math round, ceil, floor

Math.round()는 반올림 기능이다.

Math.ceil() 올림 기능이다.

Math.floor는 내림 기능이다.

Math.random

랜덤의 숫자를 부여하는 기능이다.

Math 응용

10개의 명언을 array로 만들고 그것을 html에 랜덤으로 표시를 하려고 한다.

Math.random() * 10을 하면 한자리 숫자가 나오지만 뒤에 있는 소수자리들을 없애야 한다.
Math.round(Math.random() * 10)을 주면 반올림을해 1자리 숫자로 깔끔하게 출력된다.
그 다음 출력이 잘 되는지 확인해보자. console.log(quotes[Math.round(Math.random() * 10)]); 입력 후 확인해 보면무작위로 잘 나오는것을 확인할 수 있다. 하지만 여기서 명언이 몇 개 더 추가가 된다면 수정하기가 힘들다.
그래서 방법이 있는데 [array].length이다.Array의 길이를 반환해준다.
console.log(quotes[math.round(math.random() * quotes.length)]) 갯수만큼 곱해줘서 명언을 나중에 추가하고 싶다면 quotes[Array]에 추가만 하면된다.

html에 출력하기 위해 클래스를 만들고 js로 선언 후 innerText로 출력을 해주면 완성이 된다.

profile
안녕하세요.

0개의 댓글