변수를 선언할 때 var 키워드를 사용한 것처럼 함수에서는 function 키워드를 사용해 변수를 선언합니다.
기본형은 아래와 같이 선언합니다.
다음과 같이 익명함수(함수명이 없는 함수)를 선언하고 변수에 참조해도 됩니다.
함수 정의문({...})안에 작성된 코드는 즉시 실행되지 않습니다.
함수는 메모리에 할당되어 대기하고 있다가 함수가 호출되면 실행됩니다. 정의 되는 함수를 호출하는 아래와 같습니다.
함수명();
또는 참조 변수();
var count=0;
myFnc();
function myFnc(){
count++;
document.write("hello" + count,"<br>");
}
myFnc();
var theFnc=function(){
count++;
document.write("bye"+count,"<br>");
}
theFnc();
결과 값 ↓ (2,5,14행이 실행됩니다.)
hello1
hello2
bye3
var color=["white","pink","purple","green","yellow"];
var i=0;
function changeColor(){
i++;
if(i>=color.length){
i=0;
}
var bodyTag=document.getElementById("theBody");
bodyTag.style.backgroundColor=color[i];
}
function sunday(name,area){
document.write("안녕하세요." + name + "입니다.","<br>");
document.write("사는곳은" + area + "입니다.","<br><br>");
}
sunday("carina16","티스토리");
sunday("onsunday","놀이공원");
결과값 ↓
안녕하세요.carina16입니다. 사는곳은티스토리입니다.
안녕하세요.onsunday입니다. 사는곳은놀이공원입니다.
var myId="sunday"
var myPw="16"
function login(id,pw){
if(id == myId){
if(pw == myPw){
document.write(id+"님 방문을 환영합니다.");
}else{
alert("잘못된 비밀번호 입니다.");
}
}else{
alert("존재하지 않는 아이디입니다.");
}
}
var userId=prompt("아이디를 입력하세요.","")
var userPw=prompt("패스워드를 입력하세요.","")
login(userId,userPw);
댓글