반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// 함수 : 자주사용하고 코드가 긴 내용을 묶어서 정의
// 함수호출 : 함수이름을 부르면서 사용
function fun(){
alert('안녕1');
alert('안녕2');
alert('안녕3');
alert('안녕4');
alert('안녕5');
// 함수 호출한 곳으로 되돌아감, 들고갈 결과값이 없으면 생략가능
return;
}
</script>
</head>
<body>
<h1>js1/test3.html</h1>
<input type="button" value="버튼1" onclick="fun()">
<input type="button" value="버튼1" onclick="fun()">
<input type="button" value="버튼1" onclick="fun()">
<input type="button" value="버튼1" onclick="fun()">
<input type="button" value="버튼1" onclick="fun()">
</body>
</html>
function사용해서 자판기 만들기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function fun1(){
alert("안녕하세요");
return;
}
// 500들고온 값을 저장하는 변수
function fun2(a) {
alert("들고온 값 : "+a);
alert("음악소리 들림");
return;
}
// 동전없는 자판기 => 커피 나옴
function fun3(){
alert("커피 나옴");
return "커피";
}
// 500원 동전을 받아서 => 음료수 나옴
function fun4(a,b) {
alert("받은동전:"+ (a+b));
alert("사이다 나옴");
return "사이다";
}
</script>
</head>
<body>
<h1>js1/test4.html</h1>
<input type="button" value="버튼1" onclick="fun1()">
<input type="button" value="버튼2" onclick="fun2(500)">
<input type="button" value="버튼3" onclick="alert('받은값 : '+fun3())">
<input type="button" value="버튼4"
onclick="alert('받은값 : '+fun4(500,500))">
</body>
</html>
반응형
'JavaScript' 카테고리의 다른 글
| [JavaScript] 브라우저 내장객체(Location Object) (0) | 2021.11.07 |
|---|---|
| [JavaScript] Window confirm() Method (0) | 2021.11.07 |
| [JavaScript] 연산결과 리턴하기(Operators) (0) | 2021.11.07 |
| [JavaScript] 변수(Variables) (0) | 2021.11.06 |
| [JavaScript] Window alert() Method (0) | 2021.11.05 |