
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<boby>
<script>
// 함수 (Function)
// 변수 = 데이터를 저장하는 공간, 함수 = 기능을 저장하는 공간
// 선언 시 function 함수명(매개변수) {...} 사용
// 함수를 사용하는 이유 : 재사용성이 높아짐
/*
function sayhello() { // 함수 생성
alert("안녕!");
document.write("나는 홍길동이야.");
}
sayhello(); // sayhello() 라는 함수 호출
*/
function plus (num) { // 매개변수 이름은 본인 마음대로 작성 가능
num += 10;
console.log(num);
}
plus(10); // 함수 호출
function signature(name, team, num) {
// document.write("이름 : " + name + "<br>" + "부서 : " + team + "<br>" + "연락처 : " + num + "<hr>"); // 문자열과 표현식을 연산을 시켜 사용하는 방법
// es6 사용되는 템플릿 리터럴 기법 (백틱(``) 기호)
document.write(`
<br> 이름 : ${name} <br>
<br> 부서 : ${team} <br>
<br> 연락처 : ${num} <hr>
`);
}
signature("홍길동", "디자인팀", "010-0000-0000"); // 인자의 값은 순서대로 기술
signature("이순신", "재정관리", "010-1111-1111");
</script>
</boby>
</html>