Home

Welcome to the javascript wiki!

개인 자바스크립트 연습장 입니다.

• 공부용으로 만든 자바스크립트 wiki 입니다. ^^; 초보분들 환영합니다.

기초

기본

	window.onload = function(){
		var hw = document.getElementById('hw');
		hw.addEventListener('click', function(){
		    alert('Hello world');
		})
	}

한줄 주석

 // document.write("Hello world")

주석

/* 
 document.write("Hello world");
 console.log("hello4")
*/

숫자나 문자열을 출력하는 법

	a = 5;
	b = "Hello";
	document.write("변수 a는" + a + "<br>");
	document.write("변수 b는" + b);

연산자

산술연산자

	a + b // a와 b를 더한다
	a - b // a에서 b를 뺀다
	a * b // a와 b를 곱한다
	a / b // a에서 b를 나눈다
	a % b // a에서 b를 나누고 나머지를 구한다.
	
	document.write("a+b =" + (a+b)) // 사용예

대입연산자

	a += b // a와 b를 더한 다음 a에 값을 대입한다.
	a -= b // a에서 b를 뺀 다음 a에 값을 대입한다.
	a *= b // a와 b를 곱한 다음 a에 값을 대입한다.
	a /= b // a에서 b를 나눈 다음 a에 값을 대입한다.
	a %= b // a에서 b를 나누고 나머지를 구한 다음 a에 값을 대입한다.
	
	document.write("a+=b =" + (a+=b)) // 사용예

증감연산자

	a = 1;
	b = 10;
	
	a++; // a에 1씩 값을 증가시킨다.
	b--; // b에 1씩 값을 감소시킨다.
	
	document.write("a++ 값은" + a);
	document.write("b-- 값은" + b);

논리연산자

	a = true;
	b = false;
	
	a&&b; // and  a,b 모두 참일 경우에만 true 값을 가진다.
	a||b; // or a,b 중 하나라도 참일 경우 true 값을 가진다.
	!a;   // not a가 true일 경우 false, b가 false일 경우 true 값을 가진다.
	
	document.write("a&& 값은" + (a&&b));
	document.write("b|| 값은" + (a||b));
	document.write("!a 값은" + (!a));
	document.write("!b 값은" + (!b));

비교연산자

	a = 10;
	b = 5;
	
	a == b; // a,b가 모두 같은 값일 경우에만 true 값을 가진다.
	a != b; // a,b가 서로 다른 값일 경우에만 true 값을 가진다.
	a < b; // a가 b보다 작을 경우에만 true 값을 가진다.
	a > b; // a가 b보다 클  경우에만 true 값을 가진다.
	a <= b; // a가 b보다 작거나 같을 경우에만 true 값을 가진다.
	a >= b; // a가 b보다 크거나 같을 경우에만 true 값을 가진다.
	
	document.write("a==b 값은" + (a==b)) // 사용예

문자열연산자

	a = "자바스크립트";
	b = "필살기";
	
	document.write("a + b = " + (a+b)) // 사용예

조건연산자

	a = 10;
	b = 5;
	
	c = (a>b)? a:b; // (조건)? a:b - 조건을 만족하면 a의 값, 그 반대이면 b 값을 가진다.
	
	document.write("(a>b)? a:b 값은? " + c); // 사용예

IF

if

	a = 10;
	b = 5;
	
	if(a>b) // 단순 IF문.
	document.write("a가 b보다 크다"); 

if else

	a = 77;
	b = 77;
	
	if(a == b) // if else
			document.write("a가 b가 서로 같다");
		else
			document.write("a와 b가 서로 다르다");
			 
	if(a > 0) // 다중 if else
			document.write("a는 양수");
		else if(a<0)
			document.write("a는 음수");
		else
			document.write("a는 0")

SWITCH

switch

	a = 1;
			
	switch(a) {
            case 1 :
                  document.write("변수 값 : 1");
                  break;
            case 2 :
                  document.write("변수 값 : 2");
                  break;
            case 3 :
                  document.write("변수 값 : 3");
                  break;
            default :
                  document.write("변수 값이 1, 2, 3이 아닙니다");
            }

FOR

특정 명령문을 조건의 만족에 따라 반복 실행한다.

for

	//for(초기 값; 조건; 증감 값;)
	for(i=1; i<10; i++){
		document.write("i값은 " + i + "입니다. <br>")
	}

다중 for문

	//for(초기 값; 조건; 증감 값;)
	for(i=1; i<4; i++){
		document.write("i의 값은 " + i + "입니다. <br>")
		
		for(j=1; j<3; j++){
			document.write("&nbsp&nbsp&nbsp" + "i의 값은 " + j + "입니다. <br>")
		}
		
		document.write("<br><br>")
	}

WHILE

조건이 만족하는 동안 명령문을 반복하여 실행한다.

while

	a = 5;
	
	//while(조건){명령문}
	while(a<10){
		document.write("a값은 " + a + " 입니다 <br>");
		a++;
	}

do while

do while은 while 문이나 for 문과 같이 조건이 만족하는 동안 명령문을 실행하는 반복문이다. 다른 반복문과 다른 점이 있다면, 조건이 만족하지 않더라도 최소한 한 번은 명령문을 실행하도록 명령문 실행 부분이 먼저 온 후에 조건을 판별한다는 것이다.

	a = 10;
	
	//do{명령문}while(조건)
	do{
		document.write("a값은 " + a + " 입니다 <br>");
		a--;
		}while(a > 0)

##함수

alert

	alert("hello, world");

confirm

확인과 취소 버튼이 있는 대화상자를 뛰운다. 확인은 true, 취소는 false 값을 변수에 지정할 수 있다.

	a = confirm("당신은 여성 입니까");
	
	if(a == true)
		document.write("여자 화장실로 가세요");
	else
		document.write("남자 화장실로 가세요");

제목

주석

제목

주석

제목

주석

제목

주석