WEB
[JS] 자바스크립트 기초(3) - 함수
드르렁퓨
2022. 7. 27. 13:58
함수를 사용하는 예제를 몇가지 풀어보았다
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js1/test10.html</title>
<script type="text/javascript">
//변수 : 변하는 수 => 기억장소를 만들어서 이름을 부여해 값을 저장 => 변수 이름을 불러서 사용
// => 변수이름을 불러서 사용
//함수 : 자주사용하는 가능을 정의하고 이름부여
// 함수 사용: 이름을 불러서 사용(함수호출)
// function 함수이름(){
// 자주사용하는 기능
// }
function cal(a,b){
alert(a+b);
alert(a-b);
alert(a*b);
alert(a/b);
//함수 호출한 곳으로 되돌아감
return;
}
//함수호출
alert("함수 호출하기 전;");
cal(100,200);
alert("함수 호출한 후");
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js1/test11.html</title>
<script type="text/javascript">
//함수 정의 - 함수이름 hello() 기능 "안녕하세요" 인사말 출력
//함수 정의 - 함수이름 prn(받은값을 저장하는 변수) 기능 값을 받아서 +100 해서 출력
function hello(){
alert("안녕하세요");
//return; 생략
}
function prn(a){
alert(a+100);
}
hello();
prn(300);
//함수 정의 - 함수이름 sum(받은값을 정장하는 변수, 받는값을 저장하는 변수)
// 기능 - 값을 받아서 두 수 더하기 해서 출력
//함수 정의 - 함수이름 mul(받은값을 정장하는 변수, 받는값을 저장하는 변수)
// 기능 - 값을 받아서 두 수 곱하기 해서 출력
function sum(a,b){
alert(a+b);
}
function mul(c,d){
alert(c*d);
}
sum(5,6);
mul(10,20);
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js1/test12.html</title>
<script type="text/javascript">
//함수정의
function sum(a,b){
alert("두수를 받아서 합을 구해 리턴");
return a+b;
}
//함수호출
var s = sum(10,20);
alert("두수의 합 : "+ s);
alert("두수의 평균 : "+s/2);
//함수정의 - 함수이름 mul(받은값을 저장하는 변수, 받은값을 저장하는 변수)
//기능 - 값을받아서 두수 곱하기 해서 => 함수 호출한곳으로 전달(리턴)
function mul(x,y){
return x*y;
}
var z = mul(30,40);
alert("두수의 곱 : "+ z);
alert("두수의 곱 나누기 : "+z/2);
//함수 정의 함수이름 numCheck(받은값을 저장하는 변수)
//받은값을 가지고 양수, 음수, 0 => 출력(리턴값 없음)
function numCheck(l){
if(l<0){
alert(l+ " :음수");
}else if(l>0){
alert(l+ " :양수");
}else{
alert(l+ " :0");
}
}
//함수호출
numCheck(3);
//함수 정의 함수이름 calcSum(받은값을 저장하는 변수)
//1 ~ 받은값을 반복해서 1~받은값의 합을 구해서 리턴하기
function calcSum(m){
var sum2 =0;
for(i=1;i<=m;i++){
sum2 += i;
}
return sum2;
}
//함수호출
var n = calcSum(100);
alert("전부더하면: "+n);
</script>
</head>
<body>
</body>
</html>