매개변수가 있는 함수

변수를 통해 함수의 값을 전달하는 함수입니다.

매개변수가 있는 함수

기본 함수 정의문은 함수 안에 있는 코드를 실행할 때 단순히 함수명으로 호출해서 코드를 실행했습니다. 즉 함수를 호출할 때 값을 전달할 수 없었습니다. 하지만 매개변수가 있는 함수 정의문은 함수를 호출할 때 전달하고자 하는 값을 입력하여 호출할 수 있습니다. 이렇게 전달된 값은 매개변수가 받아 함수 정의문에서 사용할 수 있게 됩니다.

function 함수이름(매개변수1, 매개변수2 ...){ //실행 코드 };

함수이름(매개변수1, 매개변수2 ...); //실행함수

샘플

샘플1

function func3(name){
    document.write(name);
};

func3("함수가 실행되었습니다.");

function func4(name1, name2){
    document.write(name1 + "가 "+ name2 + "되었습니다.")
};

func4("함수","실행");

//함수가 실행되었습니다.
//함수가 실행되었습니다.

샘플2

function myFnc(name, area){
    document.write("안녕하세요 "+name+"입니다.<br>");
    document.write("사는 곳은 "+area+"입니다.<br>");
};

myFnc("김아무개","안산");
myFnc("박땡땡","부산")

//안녕하세요 김아무개입니다.
//사는 곳은 안산입니다.

//안녕하세요 박땡땡입니다.
//사는 곳은 부산입니다.

샘플3

로그인 만들기

let rightId = "korea";
 let rightPw = "1234";

function login(id,pw){
    if( id === rightId){
        //id값이 맞을 때
        if(pw === rightPw){
            document.write(id+"환영합니다.");
        }else{
        //id는 맞지만 pw가 틀릴 때
            document.write("비밀번호를 다시 확인해주세요");
        }
    }else{
        //id값이 틀릴 때
        document.write("아이디를 다시 확인해주세요.");
    };
};

let userId = prompt("아이디를 입력하세요.");
let userPw = prompt("비밀번호를 입력하세요.");

login(userId,userPw)