[JS] 함수선언2 return 사용
@욕심쟁이
·2020. 7. 20. 10:00
반응형
클릭시 해당값을 전달하고 싶을때
- onclick="function(값넣어주는곳)" 으로 전달한다.
JS의 return 사용
- 만약 클릭시 해당값을 전달하고 싶을때
아래 실습
1. 함수호출시 값 전달 없고 함수내용 실행되고 결과값(리턴값) 없는 형태
- function(전달값)주면 script함수안의 funtion 함수명(전달받은값){}으로 표현
2. 함수호출 할때 값 전달하고 함수내용 실행되고 결과값)(리턴값)없는 형태
3. 함수호출시 값전달 없고 함수 내용 실행되고 결과값(리터값)있는 형태
- return 값이 있을경우 onclick에 "alert('문자값(생략가능) : ' + function(전달값))"으로 표현
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>함수호출 return값</title>
<script type="text/javascript">
// 함수정의
//1. 함수호출시 값 전달 없고 함수내용 실행되고 결과값(리턴값) 없는 형태
function fun1(){
alert("**********");
return;// 결과값이 없으면 생략가능
}
//2. 함수호출 할때 값 전달하고 함수내용 실행되고 결과값)(리턴값)없는 형태
function fun2(a,b){
alert(a);
alert(b);
alert("**********");
alert("**********");
return;// 결과값이 없으면 생략가능
}
//3.함수호출시 값전달 없고 함수 내용 실행되고 결과값(리터값)있는 형태
function fun3(){
alert("커피 준비합니다.");
return "커피";
}
//4. 함수호출할때 값전달하고 함수내용 실행되고 결과값(리턴값)있는형태
function fun4(a){
alert("받은동전:" + a);
alert("음료수 사이다를 전달하겠습니다.");
return "사이다";
}
</script>
</head>
<body>
<h1>WebContent/js1/test4.html</h1>
<input type="button" value="함수호출1" onclick="fun1()">
<input type="button" value="함수호출2" onclick="fun2(500, 1000)">
<input type="button" value="함수호출3" onclick="alert('리턴받은커피 :'+fun3())">
<input type="button" value="함수호출4" onclick="alert('받은 음료수 : '+fun4(500))">
</body>
</html>반응형
'IT > JavaScript' 카테고리의 다른 글
| [Javascript] 드래그 방지, 오른쪽 마우스 클릭 방지 (0) | 2021.06.07 |
|---|---|
| [JS] 함수선언2 (0) | 2020.07.20 |
| [JS] 함수선언1 (0) | 2020.07.20 |
| [JS] 변수 선언 (0) | 2020.07.20 |
| [Jquery] Image Map 반응형 시 좌표 잡는 JS라이브러리::RWD Image Maps (0) | 2020.03.06 |
