hi & low

ハイ・アンド・ローゲーム

乱数で発生させたカード(１～１３)が７より大きいか小さいかを当てるゲームです。
HI または LOW をタイプして[実行]をクリックして下さい。

【Source Code】

<script type="text/javascript">
<!--
function func(form)
{
  ans= form.ans.value; 
  n= Math.floor(Math.random() * 13)+1;
  document.write("<img src=h" + n + ".gif><br><br>");
  document.write("<a href='javascript:history.back()'>前の画面に戻る</a><br>"); 

  if (ans == "HI")
  { if (n>7)  document.write("<h3>あたりです。</h3>");
    else      document.write("<h3>はずれです。</h3>");
    return;
  }
  if (ans == "LOW")
  { if (n<7)  document.write("<h3>あたりです。</h3>");
    else      document.write("<h3>はずれです。</h3>");
    return;
  }
  document.write("<h3>HI or LOW をタイプして下さい。</h3>");
}
// -->
</script>
</head>

<body bgcolor="#ffffff">
<h2>ハイ・アンド・ローゲーム</h2>

<span class="s3">
乱数で発生させたカード(１～１３)が７より大きいか小さいかを当てるゲームです。<br>
</span>
HI または LOW をタイプして[実行]をクリックして下さい。<br><br>

<form>
<input type="text" name="ans" value="HI" size=20>
<input type="button" value="実行" onClick="func(this.form)">
</form>

form から HI または LOW をタイプして this.form を引数に func() 関数を呼び出します。

<form>
<input type="text" name="ans" value="HI" size=20>
<input type="button" value="実行" onClick="func(this.form)">
</form>

乱数で１～１３を発生して、該当するカードを表示します。
HI, LOW の応答を確認して「あたり,はずれ」を判定します。
「前の画面に戻る」をクリックすると history.back() でゲームを続けます。

<script type="text/javascript">
<!--
function func(form)
{
  ans= form.ans.value; 
  n= Math.floor(Math.random() * 13)+1;
  document.write("<img src=h" + n + ".gif><br><br>");
  document.write("<a href='javascript:history.back()'>前の画面に戻る</a><br>"); 

  if (ans == "HI")
  { if (n>7)  document.write("<h3>あたりです。</h3>");
    else      document.write("<h3>はずれです。</h3>");
    return;
  }
  if (ans == "LOW")
  { if (n<7)  document.write("<h3>あたりです。</h3>");
    else      document.write("<h3>はずれです。</h3>");
    return;
  }
  document.write("<h3>HI or LOW をタイプして下さい。</h3>");
}
// -->
</script>

history.back() でゲームを続けますが、'hi_low.html' を呼び直した方が良いかも知れません。

  document.write("<a href='hi_low.html'>ReTray</a><br>");

カードの画像は "h1.gif" ～ "h13.gif" の１３枚を用意しています。

  n= Math.floor(Math.random() * 13)+1;
  document.write("<img src=h" + n + ".gif><br><br>");

PHP でも同様のプログラム hi_low を作成しています。
但し、JavaScript はクライアントサイドで動作するのに対して PHP はサーバーサイドで動作します。

前田稔の超初心者のプログラム入門
 超初心者のプログラム入門(JavaScript)