●Function
○함수 선언문
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function hello(){
console.log("hello hello");
// 내일은 금요일! -> 반환 시켜주고 싶다
return "내일은 금요일";
}
// 함수를 호출한다 -> 이름을 불러준다
// 함수를 선언한 위치로 가서 함수에 대한 로직을 실행 시켜줄거다
// 만약 리턴 키워드가 있다면 함수를 호출한 위치로 리턴한 데이터를 넘겨준다
let day = hello();
console.log(day);
</script>
</body>
</html>
○함수 실습
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let num1 = parseInt(prompt("첫 번째 정수 입력 : "));
let num2 = parseInt(prompt("두 번째 정수 입력 : "));
let result = addNumber(num1, num2);
console.log("더한 결과 >> ", result);
// 함수에서 매개변수를 정의할때는 따로 변수 선언 키워드를 붙여주지 않는다.
function addNumber(data1, data2){
return data1+data2;
}
</script>
</body>
</html>
○함수 실습 2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
console.log("직사각형의 면적 >> " + getRectArea(3,4));
function getRectArea(width,height){
return width*height;
}
</script>
</body>
</html>
코딩공부