728x90
함수 값 반환
자바스크립트에서 사용되는 함수는 변수와 마찬가지로 할 일을 수행한 뒤 결과로 나온 값을 함수 값 반환을 통해서 함수를 호출한 곳으로 값을 보낸다.
document.write(), alert()와 같이 구체적인 행동 명령이 있는 함수의 경우 return 제어문은 필요없다. 그 이유는 함수는 원래 종료되면 호출 위치로 자동 복귀한다.
메인루틴과 서브루틴 : 자바스크립트를 포함해서 프로그래밍 언어에서 메인루틴은 서브루틴, 즉 함수 정의와 같이 프로그램의 부가적인 영역을 제외한 프로그램 흐름의 중심이 되는 부분을 의미한다. 프로그램은 메인 루틴의 처음 부분에서 시작되어 중간 서브루틴을 실행한 뒤 최종적으로 메인루틴에서 종료된다.
ex) 첫번째 입력값부터 두번째 입력값까지의 합계 구하기
<script>
var start = Number(prompt(" 첫번째 숫자를 입력하세요 "));
var end = Number(prompt(" 첫번째 보다 작은 숫자를 입력하세요"));
function sum(a,b) { //함수 호출시 start=a,end=b로 대입된다
var sum=0;
for (var i=a; i<=b; i++) {
sum += i;
}
return sum; // 함수 값 반환
}
var value = sum(start,end);
document.write( start+"에서"+end+"까지의 합계는 : " + value );
</script>ex) 숫자를 입력 받아서 5의 배수 여부를 판별하는 함수 구하기
<script>
var n = Number(prompt("아무 숫자나 입력하세요"));
function is_5_Baesu(n) {
var str;
if (n%5 == 0) {
str = n + "은 5의 배수입니다.";
} else {
str = n + "은 5의 배수가 아닙니다.";
}
return str;
}
var message;
message = is_5_Baesu(n)
document.write(message)
</script>ex) 성적프로그램 만들기
<..생략>
<script>
// 국어 영어 수학 성적을 입력 받아서 합계과 평균을 함수로 구하기
var a = Number(prompt("국어 성적을 입력하세요"));
var b = Number(prompt("영어 성적을 입력하세요"));
var c = Number(prompt("수학 성적을 입력하세요"));
function button(a,b,c) {
var sum, avg; // 두개의 변수 동시선언
var sum = a + b + c ;
var avg = sum/3;
document.getElementById("a").innerHTML=a;
document.getElementById("b").innerHTML=b;
document.getElementById("c").innerHTML=c;
document.getElementById("sum").innerHTML=sum;
document.getElementById("avg").innerHTML=avg;
}
</script>
</head>
<body>
<div style="border:solid 1px #cccccc; padding: 10px; margin-top: 10px;">
- 국어 점수 <span id="a"></span>점<br>
- 영어 점수 <span id="b"></span>점<br>
- 수학 점수 <span id="c"></span>점<br><br>
합계 <span id="sum"></span><br>
평균 <span id="avg"></span>
</div>
<button onclick="button(a,b,c)"> 세 과목 성적 합계 평균 구하기 </button>
</body>
</html>
'일단 해보는 코딩 > Java Script' 카테고리의 다른 글
| [Java Script] 예제모음 (0) | 2022.07.04 |
|---|---|
| [Java Script] 변수 스코프 (지역변수와 전역변수), 익명 함수, Lamda함수 (0) | 2022.07.01 |
| [Java Script] 내장 함수, 사용자 정의 함수 (0) | 2022.07.01 |
| [Java Script] 반복문 ( WHILE /FOR /이중FOR문/BREAK/CONTINUE ) (0) | 2022.06.30 |
| [Java Script] Switch 문 (0) | 2022.06.29 |