YES_NO を応答

ボックスに [YES または NO] をタイプして [実行] をクリックして下さい。

【Source Code】 
<body>
<h2>YES_NO を応答</h2>
<h3>ボックスに [YES または NO] をタイプして [実行] をクリックして下さい。</h3>

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

<script type="text/javascript">
function func(form)
{ if (form.ans.value == "YES")
  { document.write("<h2>ＹＥＳが応答されました</h2>");
    return;
  }
  if (form.ans.value == "NO")
  { document.write("<h2>ＮＯが応答されました</h2>");
    return;
  }
  document.write("<h2>ＹＥＳ または ＮＯ をタイプして下さい</h2>");
}
</script>

form から YES または NO を応答します。
実行 button をクリックすると func(this.form) が呼ばれます。
<form>
<input type="text" name="ans" value="YES" size=20>
<input type="button" value="実行" onClick="func(this.form)">
</form>

応答を確認する func() 関数です。
document.write で吐き出された TEXT は新しいページに表示されます。
一般的に javascript の関数は <head> </head> の中で定義されます。
今回は <body> </body> の中(/form の直後)でも関数が定義できることを確かめてみました。
また <!-- ・・・ // --> を削除してテストしてみました。
<script type="text/javascript">
function func(form)
{ if (form.ans.value == "YES")
  { document.write("<h2>ＹＥＳが応答されました</h2>");
    return;
  }
  if (form.ans.value == "NO")
  { document.write("<h2>ＮＯが応答されました</h2>");
    return;
  }
  document.write("<h2>ＹＥＳ または ＮＯ をタイプして下さい</h2>");
}
</script>

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