■ JavaScript を書く

◆ サンプル
<html>
<head>
<title>TEST</title>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello world!!");
// -->
</script>
</body>
</html>
◆ 実行例
Hello world!!

■ ブラウザ情報を書き出す

◆ サンプル
<script type="text/javascript">
<!--
document.write("Browser: ", navigator.appName, "<br>");
document.write("Version: ", navigator.appVersion, "<br>");
document.write("Platform: ", navigator.platform, "<br>");
// -->
</script>
◆ 実行例

■ 条件によって処理を変える

◆ サンプル
<script type="text/javascript">
<!--
if (navigator.appName == "Microsoft Internet Explorer") {
    document.write("Internet Explorer です。");
} else {
    document.write("Internet Explorer ではありません。");
}
// -->
</script>
◆ 実行例

■ 処理を何度か繰り返す

◆ サンプル
<script type="text/javascript">
<!--
for (i = 0; i < 3; i++) {
    document.write("Hello!!<br>");
}
// -->
</script>
◆ 実行結果

■ ボタンが押されたときにアクションを行う

◆ サンプル
<script type="text/javascript">
<!--
function HELLO() {
    alert("Hello!!");
}
// -->
</script>

<form action="">
<input type="button" value="TEST1" onclick="HELLO()">
<input type="button" value="TEST2" onclick="alert('Hello!!')">
</form>
◆ 実行例

■ フォームの値を読み書きする

◆ サンプル
<script type="text/javascript">
<!--
function KEISAN() {
  var x = Number(document.f1.t1.value);
  var y = Number(document.f1.t2.value);
  document.f1.t3.value = x + y;
}
// -->
</script>

<form name="f1" action="">
<input type="text" name="t1" value="5">
+
<input type="text" name="t2" value="3">
<input type="button" value="=" onclick="KEISAN()">
<input type="text" name="t3">
</form>
◆ 実行例

■ 別ページにジャンプする

◆ サンプル
<form action="">
<input type="button" value="Yahoo!"
 onclick="location.href='http://www.yahoo.co.jp/'">
</form>
◆ 実行例

■ 別ウィンドウで開く

◆ サンプル
<form action="">
<input type="button" value="Yahoo!"
 onclick="window.open('http://www.yahoo.co.jp/', '_blank')">
</form>
◆ 実行例

■ チェックボックスを判断する

◆ サンプル
<script type="text/javascript">
<!--
function SHUUKEI() {
  if (document.f2.c1.checked) { alert("わくわくですね。\n"); }
  if (document.f2.c2.checked) { alert("どきどきですね。\n"); }
}
// -->
</script>

<form name="f2" action="">
<input type="checkbox" name="c1">わくわく
<input type="checkbox" name="c2">どきどき
<input type="button" value="集計" onclick="SHUUKEI()">
</form>
◆ 実行例
わくわく どきどき

■ ラジオボタンを判断する

◆ サンプル
<script type="text/javascript">
<!--
function KEKKA() {
  var i;
  for (i = 0; i < document.f3.r1.length; i++) {
    if (document.f3.r1[i].checked) {
      alert(document.f3.r1[i].value + "ですね。");
    }
  }
}
// -->
</script>

<form name="f3" action="">
<input type="radio" name="r1" value="yes">YES
<input type="radio" name="r1" value="no">NO
<input type="button" value="結果" onclick="KEKKA()">
</form>
◆ 実行例
YES NO