본문 바로가기

JavaScript/생활코딩 - 자바스크립트 기본

[생활코딩 - 자바스크립트 기본] 섹션4. 비교 ~ 섹션6. 반복문

섹션4. 비교

 

연산자: 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호

비교연산자: 주어진 값들이 같은지, 다른지, 큰지, 작은지. 결과는 true, false로 나옴

 

동등연산자  equal operator ==

일치연산자  strict equal operator ===

일치연산자 쓰기

 

 

섹션5. 조건문

 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
</head>
<body>
	<script>
		var id = prompt('아이디를 입력해주세요.');
		if(id == 'sophie') {
			var pw = prompt('비밀번호를 입력해주세요.');
			if(pw == '1111'){
				alert(id + '님 환영합니다.');
			} else {
				alert('비밀번호가 다릅니다.');
			}
		} else {
			alert('잘못된 아이디입니다.');			
		}			
	</script>
<body>
</html>

 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
</head>
<body>
	<script>
		var id = prompt('아이디를 입력해주세요.');
		var pw = prompt('비밀번호를 입력해주세요.');
		if(id == 'sophie' && pw == '1111') {
			alert(id + '님 환영합니다.');
		} else {
			alert('아이디 혹은 비밀번호가 다릅니다.');
		}	
	</script>
<body>
</html>

 

 

섹션6. 반복문

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
    <script>
        var i = 0;
        // 종료조건으로 i의 값이 10보다 작다면 true, 같거나 크다면 false가 된다.
        while(i < 10){
            // 반복이 실행될 때마다 coding everybody <br />이 출력된다. <br /> 줄바꿈을 의미하는 HTML 태그
            document.write('coding everybody <br />');
            // i의 값이 1씩 증가한다.
            i++;
        }
    </script>
<body>
</html>

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
    <script>
        for(var i = 0; i < 10; i++){
            document.write('coding everybody'+i+'<br />');
        }
    </script>
<body>
</html>

 

* 디버거