M01 ちょうきちをさがせっ! ラジオボタンで作った簡単ゲーム

ボタンを選んでクリックしてどこかに隠された超吉を探します。


応用:taku[6] = "超はずれ"など配列のなかの文を取り替えたり、クリックごとにウインドウを開いてみたり、ページを飛ばしてみたり、写真を取り替えてみたりいろいろリアクションを変えて使いましょう。リアクションを変えるには関数takuchk(No)の中にif文を記述し、押された番号によって命令を分岐します。

Sample


**じゃばすくりぷとゲーム**
!!!!!ちょうきちをさがせ!!!!!



Source
ソース
(コピーしてお使いください)

<html>
<head>
<title></title>
</head>


<script language="JavaScript">
<!--

//超吉ウインドウを開きます
function taku1(hantei)
{
  takuWin = window.open("","w1","width=180,height=100")
  if(takuWin != null){
    takuWin.document.write("<body bgcolor='pink'>")
    takuWin.document.write("<font size=8>")
    takuWin.document.write("<blink>"+hantei+"</blink>")
    takuWin.document.write("<br></font>")
    takuWin.document.close()
    setTimeout('takuWin.window.close()',2000)
  }
}

//背景色をきらきらさせます。(Mac3.0は何も起こりません(;_;))
function BGkirakira()
{
  n=0
  while(n<48)
  {
    document.bgColor='#000000'
    document.bgColor='#FF0402'
    document.bgColor='#FCFF00'
    n++
  }
}

//押すボタンで出すメッセージ
function takum()
{
  alert("ようこそ♪たくちゃん♪わーるどへ♪ ボタンをおしてちょうきちをさがしてね♪がんばってね!!")
}

//おみくじ
var taku    = new Array(48)

    taku[0] = "らっ凶"
    taku[1] = "(^^)/~すかっ"
    taku[2] = "おお"
    taku[3] = "はずれ"
    taku[4] = "小1"
    taku[5] = "大吉"
    taku[6] = "超はずれ"
    taku[7] = "大はずれ"
    taku[8] = "ばかすか"
    taku[9] = "中吉"
    taku[10] = "らっきー吉"
    taku[11] = "はずれ"
    taku[12] = "どかすか"
    taku[13] = "小吉"
    taku[14] = "すか"
    taku[15] = "はずれ"
    taku[16] = "すか"
    taku[17] = "大凶"
    taku[18] = "すか"
    taku[19] = "はずれ"
    taku[20] = "すか"
    taku[21] = "しあわせうさぎ"
    taku[22] = "すか"
    taku[23] = "はずれ"
    taku[24] = "すか"
    taku[25] = "はらほろひれはれ"
    taku[26] = "超超超すか"
    taku[27] = "はずれ"
    taku[28] = "すか"
    taku[29] = "ももんがー"
    taku[30] = "すか"
    taku[31] = "あ~~~~~~~~~~れぇ~~~~~"
    taku[32] = "すか"
    taku[33] = "大吉"
    taku[34] = "まりも"
    taku[35] = "らっきーくっきーもんじゃやき"
    taku[36] = "大はずれ"
    taku[37] = "...."
    taku[38] = "大凶"
    taku[39] = "すか"
    taku[40] = "はずれ"
    taku[41] = "すか"
    taku[42] = "しあわせうさぎ"
    taku[43] = "すか"
    taku[44] = "はらほろひれはれ"
    taku[45] = "らっきー"
    taku[46] = "ももんがー"
    taku[47] = "うっ凶"

//判定
function takuchk(No){
  if( No != parseInt(Math.random()*48) ){
    alert(taku[No])      //メッセージ
  }else{
    BGkirakira()
    taku1('超吉')
  }
}

//-->
</script>

</body>
<center>
<font size=2>**じゃばすくりぷとゲーム**</font><br>
<font size=5>!!!!!ちょうきちをさがせ!!!!!</font><br>

<form>
  <input type="button" value=" おす "
     onClick="takum()">
</form><br>


<script language="JavaScript">
<!--

  //ボタンの書きだし
  document.write('<form>')
  document.write('<table border="7" BGCOLOR="#aaaaaa">')
  document.write('<tr><td><center>')

  count=0
  for(j=0;j<8;j++){
    for(i=0;i<6;i++){
      document.write('<input type="radio" name="" ')
      document.write('       onClick="takuchk('+count+')">')
      count++;
    }
    document.write('<br>')
  }
  document.write('</center></td></tr></table>')
  document.write('</form>')

//-->
</script>
</center>
</body>
</html>

Contents
| CONTENTS
| PART1 これだけ知っていれば大丈夫
| PART2 サンプルの紹介
| PART3 JavaScript言語仕様
| PART4 JavaScriptクイック書式一覧
| PART5 JavaScriptサイト
| オンラインサポートページ(回線をつないでください)


Maintained by
tato@fureai.or.jp works1997 Toshirou Takahashi