前回は、おみくじ何回も押せる編を、作りました
今回は、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>