반응형
funtion을 이용한
사용자 정의 함수 만들기
자바스크립트 함수(functin)에 대하여 알아 보도록 하겠습니다.
함수는 메소드나 사용자 정의 객체를 정의 할 때 이용 합니다.
기본 사용형태 입니다.
function 함수명(매개변수){
내용 정의
}
가장 흔히 상용하는 엑셀 함수 중에 SUM() 이란 함수를 알고 있을 것 입니다.
SUM() 이란 함수는 숫자의 합을 계산하기 위한 함수 입니다.
SUM(A1,B1)
※ A1 과 B1의 합을 계산하는 함수 입니다.
엑셀의 SUM() 이란 함수의 기능을 자바스크립트로 표현을 해 보면 다음과 같습니다.
funcion sum(A, B)
{
var C = A + B;
alert("A와 B의 합은 " + C + "입니다.");
}
버튼을 만들어 sum 함수를 호출 해 보도록 하겠습니다.
<input type="button" value="SUM함수 호출" onClick="sum(1, 2);">
※ sum(A,B) 를 호출 합니다. 값 1이 변수 A에 담기고, 값 2는 변수 B에 담기게 됩니다.
버튼을 클릭하면 다음과 같은 결과를 확인 할 수 있습니다.
이처럼 자바스크립트 예약어 function 을 이용하여 사용자 정의 함수를 만들 수 있습니다.
간단하게 엑셀의 SUM() 함수와 비슷한 기능의 사용자 정의 함수를 만들어 보았습니다.
반응형
'프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글
CSS를 이용한 레이어 그림자 효과 주기 (2) | 2018.02.22 |
---|---|
티스토리 폴더 형식의 카테고리 달기 (4) | 2018.02.21 |
보이기와 감추기 - visibility 와 display (4) | 2018.02.18 |
HTML/CSS 레이어(Layer) 란 (7) | 2018.02.13 |
CSS 목록 속성 불릿(Bullet) 지정하기 (1) | 2018.02.06 |