본문 바로가기
  • think normal
새로워지기/서른의 생활코딩

샘플소스3) javascript 기본 문서구조 ( 사용자정의함수_ 매개변수_응용 )

by 청춘만화 2011. 4. 10.

매개변수를 한번 응용해 보자.
앞서 보여주었던 배경색 바꾸는 예제를 응용해보면 좀 도 도움이 되지 않을까 한다.

예제를 실행해보면 알겠지만
앞서 예제가 배경만 바구어 주었다면 
이번에 수정된 코드를 실행하면 팝업창에 뜨는 값이 매번 다르게 뜨는 것을 알 수 있다.





<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> 사용자 정의 함수5. (매개변수2)</title>



<script type="text/javascript">


//<!CDATA[


//parameter 매개변수/함수에 값을 전달할 수 있게 괄호 안에 값을 넣어준 것




function bg_change(c,n)


{


document.bgColor=c;


alert(n);


}


//]]]]]]>


</script>




</head>






<body>




<form method="post" action="">


<p>


<input type="button" value="원래대로" onclick="bg_change('white',1)" />


<input type="button" value="red" onclick="bg_change('red',2)" />


<input type="button" value="yellow" onclick="bg_change('yellow',3)" />


<input type="button" value="green" onclick="bg_change('green',4)" />


</p>


</form>




</body>




</html>

댓글