버튼을 눌러보자
이번에 숫자가 증가하지 않는다.
onclick이라는 버튼을 누를때마다
사용자에게 보여주는 alert(i)라는 팝업창에서 숫자를 의미하는 i라는 변수는
"one_plus()" 라는 함수안에서만 실행되는 지역변수이기 때문이다.
왜??? 이유는 간단하다. !!!
함수 안에다가 작성을 했으니까, (싱크대를 거실에 놓으면 거실에서도 사용을 할수있다.)
i+=1;가 함수 안내서만 실행되는 것이다.
그렇다면 ?
함수내에서 작성을 하고 외부에서도 사용할수있게 할수는 없는걸까?
답부터 말하면
"있다."
간단하다. 변수를 선언할 때
앞에
"var"를 빼고 선언해주면 된다.
이제 생각과 말은 그만하고 한번 해보자.
|
|
<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> 사용자 정의 함수3.지역변수 </title> |
|
|
|
|
|
<script type="text/javascript"> |
|
|
//<!CDATA[ |
|
|
|
|
|
|
|
|
function one_plus(){ |
|
|
var i=0; //지역변수 |
|
|
i+=1; |
|
|
alert(i); |
|
|
} |
|
// onclick -> 클릭할 때 마다 1씩증가 X |
|
|
//]]]]]]> |
|
|
</script> |
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
<form method="post" action""]]> |
|
|
<p> |
|
|
<input type="button" value="one plus one" onclick="one_plus()" /> |
|
|
</p> |
|
|
</form> |
|
|
|
|
|
</body> |
|
|
|
|
|
</html> |
'새로워지기 > 서른의 생활코딩' 카테고리의 다른 글
| 샘플소스3) javascript 기본 문서구조 ( 사용자정의함수2 _ 전역변수_응용 ) (0) | 2011.04.10 |
|---|---|
| 샘플소스3) javascript 기본 문서구조 ( 사용자정의함수2 _ 지역변수_응용 ) (0) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 사용자정의함수2 _ 전역변수 ) (0) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 사용자정의함수1 ) (0) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 내장함수 ) (0) | 2011.04.09 |
댓글