언어에 따라 메소드, 함수 여러가지 용어로 불리지만
자바스크립트에서는 함수라고 부른다.
이 함수의 정의는 head 태그 안에서 이루어진다.
사용자 정의 함수 정의
<head>
<script>
function 함수이름 (매개변수1, 매개변수2) {
수행할문장들
}
</script>
</head>
head 태그 안에 정의한 것만으로는 아무런 일도 일어나지 않는다.
정의한 함수를 사용하려면 body 태그 안에서 호출을 해야하는데, 아주 간단하다.
단, 대소문자를 구분하므로 이 점을 주의해야 한다.
사용자 정의 함수 호출 (1)
<body>
<script>
정의한함수이름();
</script>
</body>
또 다른 방법으로는 버튼을 만들어 클릭했을 때
해당 함수를 호출하는 것이 있다.
사용자 정의 함수 호출 (2)
<body>
<input type="button" value="함수호출" onClick="함수이름()">
</body>
예제로 매개변수가 있는 사용자 정의 함수를 생성해보았다.
리턴 구문을 사용해서 들어오는 값에 따라 각각 다른 값을 반환하도록 했다.
<head>
<script>
function ask(question){
var result = confirm(question);
if (result){
return "찬성";
}else{
return "반대";
}
}
</script>
</head>
<body>
<script>
var result = ask("찬성하면 확인버튼, 반대하면 취소버튼을 클릭");
alert(result);
</script>
</body>
매개변수가 두 개인 함수를 만들어보았다.
최대값과 최소값을 구하는 사용자 정의 함수인데, 먼저 정의를 한다.
<head>
<script>
function max(a, b){ /* 최대값을 구하는 함수 max */
if(a>b)
return a;
else
return b;
}
function min(a, b) { /* 최소값을 구하는 함수 min */
if(a<b)
return a;
else
return b;
}
</script>
</head>
그 다음, 호출할 방식을 body 태그 안에서 정한다.
<body>
<script>
var a = prompt("정수 1을 입력하세요", "");
var b = prompt("정수 2를 입력하세요", "");
var max = max(a, b);
var min = min(a, b);
document.write("max: "+max+", min: "+min);
</script>
</body>
'웹표준 > 자바스크립트' 카테고리의 다른 글
| Date 객체와 날짜와 시간 (0) | 2022.08.12 |
|---|---|
| 재귀 함수 (0) | 2022.08.12 |
| 반복문 - Do ~ while 문 (0) | 2022.08.11 |
| 반복문 - While문 (0) | 2022.08.11 |
| 반복문 - For문 (0) | 2022.08.11 |