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

乱数で発生させたカード(1~13)が7より大きいか小さいかを当てるゲームです。
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">
乱数で発生させたカード(1~13)が7より大きいか小さいかを当てるゲームです。<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 をタイプして func() 関数を呼び出します。
<form>
<input type="text" name="ans" value="HI" size=20>
<input type="button" value="実行" onClick="func(this.form)">
</form>

乱数で1~13を発生して、該当するカードを表示します。
HI, LOW の応答を確認して「あたり,はずれ」を判定します。
<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>

カードの画像は "h1.gif" ~ "h13.gif" の13枚を用意しています。
  n= Math.floor(Math.random() * 13)+1;
  document.write("<img src=h" + n + ".gif><br><br>");

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

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