티스토리 뷰
뭔가를 무작위로 출력하기 위해 무작위로 돌아갈 array가 필요하고. array에 random을 이용해서 무작위 숫자를 줄수있다.
일단 무작위로 돌릴 후보들을 quotes array로 만들어서 저장했다.
그리고 html문서에 있는 div id quote를 찾아서 첫번째 span과 두번째 span을 각각 quote와 author로 지정했다.
명언이 10개라면 0~9까지 숫자를 무작위로 선택하면 된다.
Math.random*quotes.length를 통해 0~9.999....까지 얻을 수 있다. 하지만 우리는 9.999같은 소수점자리가 필요없다. 아니
필요없는게 아니라 있어선 안된다. 반올림하거나 올림하거나 내림하거나. 세가지 방법으로 소수점을 없엘수 있다. 하지만 올림이나 반올림같은경우, 만약 9.55같은 숫자가 나오게 되면 10으로 반올림 시켜버리게 된다. 그럼 undefined가 뜨지 않을가?
그래서 아예 Math.floor를 이용해서 내려버린다. 우리는 최대한 커도 9까지만 나오면 되기 때문이다.
이 변수를 각 html span에 innerText로 넣어주면 끝난다.
무작위로 배경화면을 띄우는 방법도 사실 Math.floor(Math.random()*xxxxx.length)만 알면 된다.
여기서는 특이하게 img태그를 자바스크립트로 만들었다. 그리고 그 img src를 지정하고 body태그에 appendChild를 이용해서 붙여줬다.
'클론코딩' 카테고리의 다른 글
Momentum todo list 만들기(로컬스토리지와 JSON - 2) (0) | 2022.01.03 |
---|---|
Momentum todo list 만들기(로컬스토리지와 JSON) (0) | 2022.01.03 |
momentum 시계만들기 (0) | 2022.01.02 |
momentum 로그인화면 만들기 (0) | 2021.12.31 |
모멘텀 클론 완성 (0) | 2021.12.31 |