仕様
今回はドットインストールより、JavaScript使った簡単なおみくじの作成をしました！
Math.randam()を使い０以上１未満で数値を生成しif文を使い条件別に確立を決め、
ボタンを押すと結果が表示されます。
const btn = document.getElementById("btn");
btn.addEventListener("click", ()=> {
const n = Math.random();
if (n < 0.1) {
btn.textContent = "大吉"; // 確率を10%に指定
} else if (n < 0.4) {
btn.textContent = "中吉"; // 確立を30%指定
} else {
btn.textContent = "凶"; // 確立を50%指定
０以上１未満の数値がランダムでnに代入される
nが０.１未満なら”大吉”
nが０.１以上０.４未満なら”中吉”
nが０.４以上１未満なら”凶”
メモ
その他パターンでも参照します。
const results = ["大吉", "吉", "中吉","小吉", "末吉", "凶"];
const n = Math.floor(Math.random() * results.length);
btn.textContent = results[n];
lengthプロパティ で results=[ ]配列の要素数を表現
const results = ["大吉", "吉", "中吉","小吉", "末吉", "凶"];
btn.textContent = results[Math.floor(Math.random() * results.length)];
results[n] に 二列目を直接代入
↧
