매개변수를 한번 응용해 보자.
앞서 보여주었던 배경색 바꾸는 예제를 응용해보면 좀 도 도움이 되지 않을까 한다.
예제를 실행해보면 알겠지만
앞서 예제가 배경만 바구어 주었다면
이번에 수정된 코드를 실행하면 팝업창에 뜨는 값이 매번 다르게 뜨는 것을 알 수 있다.
|
|
<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> |
