매개변수가 있는 함수

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

매개변수가 있는 함수

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

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><br>");
}

myFnc("홍당무", "서울");
myFnc("깍두기", "부산");

//안녕하세요.홍당무입니다.
//사는 곳은 서울입니다.

//안녕하세요.깍두기입니다.
//사는 곳은 부산입니다.

샘플3

let rightID = "korea";
let rightPW = "1234";

function login(id, pw){
    if(id == rightID){
        //아이디값이 맞을 때
        if(pw == rightPW){
            //아이디가 맞고, 비밀번호 일치할 때
            document.write(id + "님 환영합니다.");
        } else {
            //아이디는 맞지만, 비밀번호가 틀릴 때
            document.write("잘못된 비밀번호입니다.");
        }
    } else {
        //아이디 값이 틀릴 때
        document.write("존재하지 않은 아이디입니다.");
    }
}

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

login(useId, usePw);