Math module에는 여러가지 기능이 있다.
Math.round()
는 반올림 기능이다.
Math.ceil()
올림 기능이다.
Math.floor
는 내림 기능이다.
랜덤의 숫자를 부여하는 기능이다.
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로 출력을 해주면 완성이 된다.