LoginSignup
0
0

More than 1 year has passed since last update.

今回はおみくじを作ります *1日1回御神籤編

Last updated at Posted at 2022-01-09

前回は、おみくじ何回も押せる編を、作りました
今回は、1日1回編です
*ページを更新すると、また、押せます。ページを閉じてまた開くと、また押せます
そこには、ご了承ください

<!--背景設定したかったら、()に、入れる-->
<body style="background-image: url(.jpg);">

<div class="samplearea">
    <div class="omikujibase">
        <p class="kRes" id="KujiRes2">??</p>
        <p class="kCom" id="KujiCom2">***</p>
    </div>
    <p class="button">
        <input id="lottery-start" onclick="ShowKuji( 'KujiRes2', 'KujiCom2' );" type="button"
               value="おみくじを引く"/>
    </p>
</div>

<script type="text/javascript">
    mres = [];
    mcom = [];
    // おみくじの結果とコメント集
    mres[13] = ' 石墨丘 ';
    mcom[13] = '人生が、30年伸びる~お父さんたちより、80年長く生きれるよ';
    mres[12] = '';
    mcom[12] = '大吉より上だ 好き~~~~~~~なこと、させてくれるで';
    mres[0] = '大吉';
    mcom[0] = '好きなものをなんぼでも買ってくれるかもしれへんで';
    mres[1] = '中吉';
    mcom[1] = '人生の中で一番楽しい日になるかも';
    mres[2] = '小吉';
    mcom[2] = '勉強に進んで出来る様になるかもね!!';
    mres[3] = '';
    mcom[3] = '頑張ったら褒められるかも';
    mres[4] = '末吉';
    mcom[4] = '頭が、回転しなくて勉強できないかも';
    mres[5] = '';
    mcom[5] = '今日は不幸だ。元気に遊んだら変わるかも';
    mres[6] = ' 大凶 ';
    mcom[6] = '誰もからも、しゃべてくれなくなるかも';
    mres[7] = ' 鬼吉 ';
    mcom[7] = 'すごくひどい病気になって30年、入院生活になるかも';
    mres[8] = ' 悪吉 ';
    mcom[8] = 'ストレスがすごくたまって、友達にいじめをしてしまうかも';
    mres[9] = ' 嫌凶 ';
    mcom[9] = 'いらいらして自殺してしまうかも';
    mres[10] = ' 変凶 ';
    mcom[10] = 'パソコンウイルスに感染して、パソコンを没収されるかも ';
    mres[11] = ' 死亡凶 ';
    mcom[11] = '巨大地震が起きて、家が壊れてご飯も食べれなくなって、死ぬかも';

    /**
     * くじ引きロジック
     * @param kRes
     * @param kCom
     * @constructor
     */
    function ShowKuji(kRes, kCom) {
        // くじを混ぜる
        const lotteries = Math.floor(Math.random() * mres.length);

        // くじ引き結果表示
        document.getElementById(kRes).innerHTML = mres[lotteries];
        document.getElementById(kCom).innerHTML = mcom[lotteries];

        // 1回だけ引ける
        document.getElementById('lottery-start').disabled = true;
    }
</script>
</body>
0
0
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
0