210328 JavaScript 함수 연습

ITisIT210·2021년 3월 29일

JavaScript

목록 보기
13/18
post-thumbnail
<!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>
profile
Engineering is the closest thing to magic that exists in the world.

0개의 댓글