ビンゴゲームの作成
9月に大学のゼミ旅行でビンゴ大会をすることになったのでをJavaScript使ってビンゴゲームを作成しています。(カードではなくマシンの方です)。
イメージとしては
(1)クリック(スタート)
↓
(2)画面上に数字が早いスピードで次々に切り替わりながら表示される。
↓
(3)クリック(ストップ)
↓
(4)クリックした瞬間に表示されていた数字を表示したままストップ
といったようなものです。
しかしこのビンゴゲームはする時間が限られているので、早く終わらせるために接待ビンゴみたいな感じで途中で指定の数字を出せるようにしなければなりません。
例:「51」が出ればビンゴが出る状況で、51を必ず出す。
当方はパソコン、特にプログラミングに関しては素人で困っています。
何とかネットで調べながら上記の(1)~(4)までは出来ましたが、指定の数字を出すというところは苦戦しています。
詳しい方よろしくお願いします。
一応ソースは載せておきます。
<html>
<head>
</head>
<body>
<div align="center" onClick="bingo()" id="output" style="font-size:500px; font-color:black; font-family:'MS Pゴシック'">0</div>
<script language="JavaScript">
MAX=75; // 表示する最大数
DURATION=100; // 小さいほど速い
num=new Array();
n=0;
for(i=0;i<MAX;i++){
num[i]=i+1;
}
rolling=false;
rollId=null;
function bingo(){
if(rolling){
rolling=false;
num.splice(n,1);
MAX--;
clearInterval(rollId);
}
else{
rolling=true;
rollId=setInterval("roll()", DURATION);
}
}
function roll(){
n=Math.floor(Math.random()*MAX);
document.getElementById("output").innerHTML=num[n];
}
</script>
</body>
</html>