섹션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>
* 디버거
'JavaScript > 생활코딩 - 자바스크립트 기본' 카테고리의 다른 글
[생활코딩 - 자바스크립트 기본] 섹션0. 오리엔테이션 ~ 섹션3. 변수 (0) | 2023.03.03 |
---|