1. 일치 연산자 (===)
- 일치 연산자로 === 좌항과 우항이 '정확', '엄격' 하게 같을 때 true, 다르면 false가 된다.
- 일치 연산자의 부정 : !==
2. document.write(출력내용)
- HTML페이지의 태그 안을 javascript에서는 document라고 부른다.
- 태그 안에 새로운 내용을 출력하고자 할 경우 자바스크립트에게 "쓰다" 라는 명령어를 전달한다.
- HTML태그안에 출력되는 내용이므로, 다른 HTML태그를 포함하여 출력할 수 있다.
document.write("<h1> 출력할 내용 </h1>");
3. 조건문
<script>
/*
- prompt '아이디를 입력해 주세요'
- id가 usertest 가 맞으면 prompt 창을 통해서 '패스워드를 입력해주세요'
= 그렇지 않으면 인증 실패
- 입력받은 패스워드가 1234가 맞으면 '인증 되었습니다.' 경고창, 그렇지 않으면 '인증실패 경고창'
*/
var id = prompt("아이디를 입력해 주세요.");
if(id == 'usertest'){
var pw = prompt("패스워드를 입력해 주세요.");
if(pw == '1234'){
alert("인증되었습니다.");
} else {
alert("인증 실패");
}
} else {
alert("인증 실패");
}
</script><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var id = prompt("아이디를 입력해주세요.");
if(id == 'user'|| id == 'admin'){
alert('아이디가 일치합니다.');
}else {
alert('아이디가 일치하지 않습니다.');
}
</script>
</body>
</html>4. 삼항 연산자
condition ? expTrue : expFalse
- condition : 조건문으로 들어갈 표현식
- expTrue : 참일 때 실행할 식
- expFalse : 거짓일 때 실행할 식
<script>
var age = 19;
var beverage = (age > 21 ) ? "Beer" : "Juice";
document.write(beverage);
</script>5. 반복문
<script>
// 1~100 까지 합
var sum = 0;
for(var i = 1; i<= 100; i++){
// 결과 값 누적
sum += i;
}
document.write("<h1>1부터 100까지의 합은 " + sum + "입니다. </h1>")
</script><script>
// 구구단 7단 출력
var sum = 0;
for(var i = 1; i<10; i++){
sum = i * 7;
document.write("<br>7 x " + i + " = " + sum + "</br>");
}
</script><script>
// 1부터 100까지 합
var sum = 0;
var i = 1;
while( i <= 100){
sum += i;
i++;
}
document.write("<h1> 1부터 100까지의 합은 " + sum + " 입니다. </h1>" );
</script><script>
var sum = 0;
var i = 1;
while( i < 10){
sum = i*7;
document.write("<br> 7 x " + i + " = " + sum + "</br>" );
i++;
}
</script>
</body>
//