JS:グローバル変数とローカル変数

JavaScript

global.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>グローバル変数</title>
	<script>
		let moji;	// グローバル変数(変数mojiは、ドキュメント内全てで利用可能)

		window.addEventListener("load", function(){
			moji = document.getElementById("moji");

			let moji_l = "Hello!";	// ローカル変数(定義した関数範囲内でしか利用できない)
			console.log("load: " + moji_l);
		});

		window.addEventListener("dblclick", function(){
			alert(moji.value + "を入力しました");
			console.log("dblclick: " + moji_l);
		});
	</script>
</head>
<body>
	<h1>グローバル変数</h1>
	<p><input type="text" id="moji"></p>
</body>
</html>

コメント