LoginSignup
0
1

More than 3 years have passed since last update.

Javascriptを用いたランダムなクジ

Posted at

はじめに

未来電子テクノロジーでインターンをしている<小栗>です。
「プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください。

Javascriptを用いたランダムなクジ

'use strict';

{
  const btn = document.getElementById('btn');

  btn.addEventListener('click', () => {

    const n = Math.random();
    if (n < 0.15) {
      btn.textContent = '$100'; 
    } else if (n < 0.35) {
      btn.textContent = '$20'; 
    } else {
      btn.textContent = '$1'; 
    }
  });
  btn.addEventListener('mousedown', () => {
    btn.classList.add('pressed');
  });
  btn.addEventListener('mouseup', () => {
    btn.classList.remove('pressed');
  });
}

if文のnの数値を変えれば、結果の割合を変えることができます。
自分は$100が15%、$20が35%、$1が残りの50%で出るようになっています。

一応自分のHTMLも記しておきます。


<div class='lottery'>
        <div id='btn'>Lottery</div>
        <script src="js/main.js"></script>
</div>
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1