예제에서는 기능함수가 두번 호출된다.

<SCRIPT>
var fcwidth=fclength=fcarea=0; // 변수 선언과 값 할당
var fcheight=50; // 변수 선언과 값 할당
indent='<span style=width:2em></span>'; // 변수 선언과 값 할당, 들여쓰기(간격 넣기) 스타일
document.write('(호출 전)<BR>'); // 호출 전에는 당초 지정한 변수값 적용
document.write(indent+'fcwidth = '+fcwidth+'<BR>'); // 변수 내역 출력
document.write(indent+'fclength = '+fclength+'<BR>'); // 변수 내역 출력
document.write(indent+'fcarea = '+fcarea+'<BR>'); // 변수 내역 출력
testFunction(10,50); // 기능함수 호출
document.write('(호출 후)<BR>'); // 호출 후에도 변수값이 기능함수 속에서만 작용되므로 전달 안됨
document.write(indent+'fcwidth = '+fcwidth+'<BR>'); // 변수 내역 출력
document.write(indent+'fclength = '+fclength+'<BR>'); // 변수 내역 출력
document.write(indent+'fcarea = '+fcarea+'<BR>'); // 변수 내역 출력
document.write('<font color=blue>document.write(testFunction(20,30));</font> 로<font color=brown><BR>'); // 변수 내역 출력
document.write(testFunction(20,30)); // 기능함수를 호출하면서 출력
document.write('</font>'); // font 마감

function testFunction(fcwidth, fclength){ // 기능함수의 시작
   var fcarea=fcwidth*fclength; // 면적 계산, 변수 선언과 값 할당
   document.write('(호출 중)<BR>'); // 메시지 출력
   document.write(indent+'fcwidth = '+fcwidth+'<BR>'); // 변수 내역 출력
   document.write(indent+'fclength = '+fclength+'<BR>'); // 변수 내역 출력
   document.write(indent+'fcarea = '+fcarea+'<BR>'); // 변수 내역 출력
   return fcarea; // return 되는 값 이외에는 변수값은 모두 현재 기능함수에서만 작용한다.
} // 기능함수의 종료
</SCRIPT>

<SCRIPT>
br='<BR>';  // 줄바꿈 변수
function getArea(radius){
  with(Math){  // with 를 사용한 계산
    area=PI*(radius*radius);
    cosine=cos(radius);
    sine=sin(radius);
  }
  str='area='+area+br+'cosine('+radius+')='+cosine+br+'sine('+radius+')='+sine;  // 계산 결과 출력 문자열에 추가
  showarea.innerHTML=str;  // 계산 결과 출력
}
</SCRIPT>

<FORM name=form1>
직경: <INPUT name=input1 value='100' size=6 style="text-aligh:right">
<INPUT type=button value="확인" onClick="getArea(this.form.input1.value)">
</FORM>
<DIV id="showarea" class=show style=width:300;text-align:center;height:5em alt="결과">결과 표시 위치</DIV>