JavaScript #17

210804
JavaScript #17
ランダムに10の名言を言いましょう.
-quotes.js
10個のquote、作者.

randomness
ランダム

-Math module
JS付属
Math.random()
0～1のランダムな数値を返します.

Math.random(*)*10の場合、0から10の数字が得られます.
現在の数字の形態から見るとIntegerではなくfloat型です.

Interger兄として受け取るにはどうすればいいですか?
3つの機能があります.

round()
四捨五入

ceil()
アップロード

floor()
捨てる

現在必要な値は、1～10のランダムな整数です.
Math.床(Math.random(*)*10)として使用できます.
-quotes.js

const quotes = [{quote: " ...", authoer: "..."},{....},]

const quote = document.querySelector("#quote span:first-child")
const author = document.querySelector("#quote span:last-child")

console.log(quotes[Math.floor(Math.random() * 10)])

現在のコードは10個なので10と書いていますが、増やしたり変更したりするためにlengthを使います.

const todaysQuote = quotes[Math.floor(Math.random() * quotes.length)]

この名言をスクリーンに出力してみましょう.

const quote = document.querySelector("#quote span:first-child")
const author = document.querySelector("#quote span:last-child")

const todaysQuote = quotes[Math.floor(Math.random() * quotes.length)]

quote.innerText = todaysQuote.quote
author.innerText = todaysQuote.author

リファレンス
https://nomadcoders.co/javascript-for-beginners/lobby
名言の出典
KakaoTalk表情「名言かと思った」