59 - プログラミングのプの字から勉強する日記ブログ

ランダムにおみくじの結果を出すコードをメモしておこうかと思ったらフォントとか背景もコピーされてしまいました。おろろ。下に備忘録としてメモ。そしてついにProgateに課金してしまいました。ドットインストールと迷ったのですがProgateの方が初心者向けな感じがしたのでとりあえず1ヶ月Progateで網羅的に閲覧してからドットインストールも体験してみようかな。並行して学ぶと表現方法がちがったりして、ちょっとした疑問が解消されやすいんですよね。今の自分だと何をどう学べばいいんだ！？って調べてるので延々と時間が過ぎてしまう事があって少し勿体ないのでとりあえずって感じで取り組めるサービスがあるのはありがたい。
 
 
 
 
1,こちらはスイッチを使ったおみくじ
{
  const btn = document.getElementById('btn');

  btn.addEventListener('click', ()=> {
    const n = Math.floor(Math.random() * 3);
    // btn.textContent = n;

    switch(n) {
      case 0:
        btn.textContent = '大吉';
        break;
      case 1:
        btn.textContent = '中吉';
        break;
      case 2:
        btn.textContent = '凶';
        break;
    }
  });
}
 
2, resultsをつかったおみくじ
{
  const btn = document.getElementById('btn');

  btn.addEventListener('click', ()=> {
    const results = ['大吉', '中吉', '凶'];
    const n = Math.floor(Math.random() * results.length);
    btn.textContent = results[n];
 
  });
}
 
3,少し省略系
{
  const btn = document.getElementById('btn');

  btn.addEventListener('click', ()=> {
    const results = ['大吉', '中吉', '凶', '末吉'];
    btn.textContent = results[Math.floor(Math.random() * results.length)]
  });
}
 
4,if文で確率調整
{
  const btn = document.getElementById('btn');

  btn.addEventListener('click', ()=> {
    const n = Math.random();
    if (n < 0.05) {
      btn.textContent = '大吉'; // 5%
    } else if (n < 0.2) {
      btn.textContent = '中吉'; // 15%
    } else {
      btn.textContent = '凶'; // 80%
    }
  });
}