사용자 정의 함수의 첫 예제에서 전체를 보았다면
이번에는 함수에 사용되는 실질적인 도구인 변수에 대해 좀더 집고 넘어가본다.
함수를 요리하는데는 크게 두가지의 도구를 나눌수있다.
이를케면
부엌에 싱크대는 지역변수이다.
도마나 칼은 전역변수이다.
지역변수는 함수내에서만 사용이 가능하다.
전역변수는 외부에서도 사용이 가능하다.
내가 생각해도 아주 기가막히게 적절한 표현같다...ㅋ
이번 예제는
바디에 정의한 버튼을 클릭할 때마다 1씩 증가하는 프로그렘을 만드는 것이다.
|
<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> 사용자 정의 함수2.전역변수 </title> |
|
|
|
|
|
<script type="text/javascript"> |
|
|
//<!CDATA[ |
|
|
var i=0; //전역변수 |
|
|
function one_plus(){ |
|
|
i+=1; |
|
|
alert(i); |
|
|
} |
|
|
// onclick-> 클릭할때마다 1씩증가 |
|
|
//]]]]]]> |
|
|
</script> |
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
<form method="post" action""]]> |
|
|
<p> |
|
|
<input type="button" value="one plus one" onclick="one_plus()" /> |
|
|
</p> |
|
|
</form> |
|
|
|
|
|
</body> |
|
|
|
|
|
</html> |
