Renewal·서른의 생활코딩

Sample source 3) JavaScript basic document structure ( user-defined function 2 _ local variable_application )

April 10, 2011·1 min read

cover image

This proves whether or not it's a lie that local variables can only be executed inside the function where they are defined, and not in other functions.

One runs, and the other either fails silently or throws an error popup.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">

<head>

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />

<title> User-defined Function 3: Local Variables 2 </title>

<script type="text/javascript">

//<!CDATA[

function chk1()

{

var i=10; //var local variable

alert(i);

}

function chk2()

{

alert(i)

}

// Using a local variable defined in one function inside another function causes an error.

//]]]]]]>

</script>

</head>

<body>

<p><input type="button" value="Button 1" onclick="chk1()" /></p>

<p><input type="button" value="Button 2" onclick="chk2()" /></p>

</body>

</html>

This English version was translated by Claude.

Written by

Pleasant Charles — UI/UX researcher at AIT. Keeping notes on design, planning, and slow days here since 2010.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">

	<head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />

	<title> User-defined Function 3: Local Variables 2 </title>

	<script type="text/javascript">
	//<!CDATA[

	function chk1()
	{
	var i=10; //var local variable
	alert(i);
	}

	function chk2()
	{
	alert(i)
	}

	// Using a local variable defined in one function inside another function causes an error.

	//]]]]]]>
	</script>

	</head>


	<body>

	<p><input type="button" value="Button 1" onclick="chk1()" /></p>
	<p><input type="button" value="Button 2" onclick="chk2()" /></p>

	</body>

	</html>