Javascript & JQuery & CSS

1. if~ else 문 
자바 스크립트에서는 여러가지 제어문을 사용할 수 있다. 
먼저 예를 보도록 하자.
        

function order(str)  
{
	if(str=="피자")
       		alert("피자를 주문하셨습니다.")
	else if(str == "짜장")
		alert("짜장을 주문하셨습니다.")
	else if(str == "비빔밥")
		alert("비빔밥을 주문하셨습니다.")
}

예문에서는 간단한 함수기능과 alert()를 사용했습니다.  먼저 'script landguage="JavaScript"'문은 여기부터 자바 스크립트를 사용하겠다는 표시로 생각하시면 되겠습니다. 
        
'!--' 표시는 사용하고 있는 browser 가 자바를 지원 하지  않을 경우 자바 스크립트 코딩내용을 화면에서 보이지 않게 하라는 명령입니다.  

'function order(str) { ... }' 문은 함수를 사용하고 있는데. order를 함수명으로 하고 리턴되는 값은 str 이라는 변수에  '기억을 시키겠다!' 입니다.

'if ~ else' 만약에 str의 값이 "피자" 이면 alert(...) 를 수행하고 그렇지 않으면(else) 다음을 수행합니다. 
'alert 함수는 화면에 대화상자를 표시해 주는 함수입니다.  
'/SCRIPT' 문은 자바 선언의 끝이다' 라고 생각하면 됩니다.  

다음으로 FORM 태그는 HTML에서 CGI 기능을 수행하는 양식 입니다. 
다음에 FORM 태그만을 중점적으로 다루도록 하고 여기에서는 입력할 수 있는 기능을 수행하는 형식의 TYPE를 'BUTTON'으로 한다고만 알아두도록 하겠습니다. 

Onclick="order('피자')" 를 보면 마우스 버튼을 클릭하면  order 함수를 수행하라는 의미이고, 거기에 값은 '피자'를 리턴 시켜라'  라는 의미로 보시면 됩니다. 
        
2. . while 문 과 do~ while 문 
while문과 do~while 문은 주어진 조건이 만족되는 동안 반복해서 지정된 
기능을 수행시키고 싶을 때 사용하는 반복 제어문 입니다. 
        

while(조건) {                     
	문장;                                    
}
do  {                
	문장;
} while(조건)       
        

조건이 참일 경우 문장을 수행시키고 거짓일 경우 while문을 벗어나게 됩니다. 
do ~ while문이 while문과 다른점은 먼저 문장을 수행하고 조건을 검사한다는 것입니다. 
그럼 예문을 하나 보겠습니다.
    

3. switch 문 
여러 개의 조건이 있고 각 조건에 따라 실행되어야 하는 자바 코드가 달라지는 경우에 사용합니다. 
swtich문에 지정된 표현식의 값에 따라 실행되는 문장이 각각 달라지게 됩니다. 

다음은 사용 양식 입니다. 
        

        swithch(표현식)    
        {
            case   value1 :
                문장 1;
                break;
            case   value2 :
                문장 2;
                break;
            case   value3 :
                문장 3;
                break;
            default :
                문장 n; 
        }

표현식이 value1의 값을 가질 경우에 문장 1을, value2의 값은 문장 2를 수행합니다. 다음은 사용 예 입니다. 
     

            i=1
            while(i)
            {   
            case 1:
                document.write("변수값이 1이군요");   
                break;
            case 2:
                document.write("변수값이 2이군요");   
                break;
            case 3:
                document.write("변수값이 3이군요");   
                break;
            case 4:
                document.write("변수값이 4이군요");   
                break;
            default :
                document.write("변수값이 1 ~ 4가 아니군요");
                break;
            i++;
            }

위의 예문에서는 i라는 변수에 1의 값을 주었고, i의 값을 1씩 증가 시켰습니다. 

i는 11보다 작을 동안 while()의 루프를 계속해서 수행하고, 그때 마다 switch문도 1번씩 실행하게 됩니다.
가 일때는 case 1를 , 2일댄 case 2를 실행합니다.