728x90
0. 샘플 소스
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
function fun1() {
alert("안녕 자바스크립트");
return;
}
function fun2(money) {
alert("받은 동전 : " + money)
return;
}
function fun3(money) {
alert("무료음료수 전달")
return "커피";
}
function fun4(a, b) {
alert("받은 동전" + a + b);
alert("음료수 선택");
return "사이다";
}
</script>
<body>
<h1>WebContent/js1/test3.html</h1>
<input type="button" value="출력버튼" onclick="fun1()">
<input type="button" value="값을 받아서 뽑기출력버튼" onclick="fun2(500)">
<input type="button" value="무료음료수받기" onclick="alert('전달받은 음료수: ' + fun3() )">
<input type="button" value="음료수받기" onclick="alert('받은 음료수: ' + fun4(500, 100) )">
</body>
</html>위의 funtion 인 fun4에서 "받은 동전" + a + b와 같이 쓰면 문자열로 서로 연결된다.
이를 피하고 a와 b변수의 값을 더하고자 한다면 아래와 같이 수정한다.
function fun4(a, b) {
alert("받은 동전" + (a + b) );
alert("음료수 선택");
return "사이다";
}
1. 가변인자를 통한 함수 정의
(...)
<script type="text/javascript">
// 입력받은 값 평균 구하기
function fun4(...args) {
let res = 0;
for (let i = 0; i < args.length; i++) {
res += args[i];
}
avg = res / args.length;
return avg;
}
</script>
(...)
<input type="button" value="두수합리턴받아서 평균 구하기"
onclick="alert('리턴받은값 : ' + fun4(10, 20) )">
2. 내장함수
: 자바스크립트에서 기본적으로 제공하는 함수
ex) alert, confirm 등
1) alert
- alert는 리턴값이 없고 사용자에게 팝업창으로 알려주는 역할
var a = alert("메시지");
alert(a);- 리턴값이 없으므로 undefined 메시지가 뜸
2) confirm
- 사용자가 확인 / 취소를 선택할 수 있는 팝업을 제공
var r = confirm('확인/취소 선택하세요');
alert(r);- 확인 시 true, 취소 시 false를 리턴
3) prompt
- 사용자에게서 입력받은 값을 반환, 입력값은 문자로 인식
var v = prompt("입력하세요", "입력란");
alert(v);alert(v + 100); // 문자열로 더해져서 출력됨
alert(v * 100); // 곱하기는 숫자로 인식
4) parseInt
- 숫자 정수로 변환하는 함수
alert(parseInt(v) + 100); 5) isNaN
- 숫자 / 문자열인지 판별하는 함수로 문자이면 true, 숫자면 false반환
(문자열과 숫자가 함께 포함되면 문자로 인식)
var isString = isNaN(v);
if (isString) {
alert ('문자를 입력하셨습니다');
}
else {
alert ('숫자를 입력하셨습니다');
}
'Study > JavaScript' 카테고리의 다른 글
| [JavaScript] Proxy (0) | 2024.04.03 |
|---|---|
| [JavaScript] 기본 (0) | 2021.10.18 |
| 자바스크립트 - 의사 결정 (0) | 2017.03.28 |
| 자바 스크립트 기초 - 함수, 메서드, 객체 (0) | 2017.03.27 |