and는 모든 조건이 true인 경우에 true이다.
하나라도 false이면 false가 출력된다.
or는 한 개라도 true인 경우에 true이다.
둘 다 false이면 false가 출력된다.
not은 true -> false로 변경시켜주고, false -> true로 변경시켜준다.
<!DOCTYPE html>
<html lang="ko">
<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>Boolean</title>
</head>
<body>
<h3>Boolean || Login 기능 구현하기</h3>
<script>
/*
// id가 tinokim 이고, password가 1234567890 이어야 한다. 그래야 로그인이 가능하다.
const id = prompt("아이디를 입력해주세요");
// console.log(id);
if (id === "tinokim") {
const password = prompt("비밀번호를 입력해주세요");
// console.log(password);
if (password === "1234567890") {
// prompt는 문자열로 인식하기 때문에, 따옴표를 붙여주기.
alert(`안녕하세요, ${id}님. 만나서 반갑습니다. 좋은 하루 보내세요.`);
} else {
alert(
`${id}님, 비밀번호를 잘못 입력하셨습니다. 다시 한번 확인해주세요.`
);
}
} else {
alert("아이디를 잘못 입력하셨습니다. 다시 한번 확인해주세요.");
}
*/
/*
// 논리 연산자를 이용해서 한꺼번에 작성할 수도 있다. -> && 이용하기.
const id = prompt("아이디를 입력해주세요");
const password = prompt("비밀번호를 입력해주세요");
if (id === "tinokim" && password === "1234567890") {
alert(`안녕하세요, ${id}님. 만나서 반갑습니다. 좋은 하루 보내세요.`);
} else {
alert("입력된 정보가 잘못 되었습니다. 다시 확인해주세요.");
}
*/
/*
// id의 값이 하나라도 만족하는 경우에는 인증이 된다.
const id = prompt("아이디를 입력해주세요.");
if (id === "tinokim" || id === "chaechae" || id === "apple") {
alert("인증에 성공하였습니다.");
} else {
alert("인증에 실패하였습니다.");
}
*/
/*
// id는 세개 중 하나를 사용하고, 반드시 password는 "111111" 이어야 인증이 가능하다.
const id = prompt("아이디를 입력하세요.");
const password = prompt("비밀번호를 입력하세요.");
if (
(id === "tinokim" || id === "chaechae" || id === "apple") &&
password === "111111"
) {
alert("인증에 성공하였습니다.");
} else {
alert("인증에 실패하였습니다.");
}
*/
</script>
</body>
</html>
1: true
0: false
-1: true
"": false
" ": true
undefined: false
!undefined: true
변수에 할당해주지 않는 경우 == undefined, 결국에는 false
null: false
NaN: false
!null: true
!NaN: true
✔ JS Comparison Table 깃허브 : JS Comparison Table