JavaScriptの基本ルール #JavaScript

JavaScriptコードの記述方法

JavaScriptは下記の方法で記述することが可能
1. scriptタグ内にJavaScriptコードを記述する
2. scriptタグのsrc属性からJavaScriptコードを記述した外部ファイルを読み込む（JavaScript外部ファイル化）
3. HTMLのタグの属性としてイベントハンドラを設定し、属性値にJavaScriptコードを記述（HTMLタグのイベントハンドラでの記述）

①scriptタグ内にJavaScriptコードを記入

<!DOCTYPE html>
<meta charset="UTF-8">
<script>
alert("円周率" + Math.PI);
</script>

②外部JavaScriptプログラムを取り込む

<script src="外部ファイルのURL"></script>

③HTMLタグ属性としてイベントハンドラを設定し、属性値にJavaScriptコードを記述

<html>
<head>
<script>
function compute(form){
    if (confirm("Are you sure?")){
        form.result.value = eval(form.expr.value)
    } else {
        alert("Please come back again.")
    }
}
</script>
</head>
<body>
<form>
Enter an expression:
<input type="text" name="expr" size="15">
<input type="button" value="calculate" onclick="compute(this.form)">
Result:
<input type="text" name="result" size="15">
</form>
</body>

④URL内にJavaScriptコードを記述

<a href="javascript:alert('Hello!!')">Click Me</a>