반응형
자바스크립트의 if문은 조건에 따라 코드 실행 여부를 결정하는 조건문입니다.
1. 기본 문법
if (조건) {
// 조건이 true일 때 실행될 코드
}- 조건이 true로 평가되면 중괄호 안의 코드가 실행됩니다.
- false면 실행되지 않습니다.
2. 예제 1 — 기본 if문
let age = 20;
if (age >= 18) {
console.log("성인입니다.");
}실행 결과
성인입니다.
age >= 18이 true이므로 메시지가 출력됩니다.
3. if ~ else 문
let age = 15;
if (age >= 18) {
console.log("성인입니다.");
} else {
console.log("미성년자입니다.");
}실행 결과
미성년자입니다.
조건이 false일 때 else 블록이 실행됩니다.
4. if ~ else if ~ else 문
let score = 85;
if (score >= 90) {
console.log("A 학점");
} else if (score >= 80) {
console.log("B 학점");
} else if (score >= 70) {
console.log("C 학점");
} else {
console.log("F 학점");
}실행 결과
B 학점
위에서부터 조건을 차례대로 검사하고, 첫 번째로 true인 블록을 실행합니다.
5. HTML에서 실행 예제
아래 코드는 HTML 파일로 저장 후 브라우저에서 실행하면 결과를 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>if문 예제</title>
</head>
<body>
<script>
let number = prompt("숫자를 입력하세요:", "0");
number = Number(number);
if (number > 0) {
alert("양수입니다.");
} else if (number < 0) {
alert("음수입니다.");
} else {
alert("0입니다.");
}
</script>
</body>
</html>- 숫자를 입력하면 양수/음수/0인지 알려줍니다.
반응형
'자바스크립트_Javascript' 카테고리의 다른 글
| 자바스크립트: 로그인 페이지 만들기 (1) | 2025.08.17 |
|---|---|
| Javascript: 반복문 for while do of in break continue (3) | 2025.08.16 |
| Javascript: 함수 Function (11) | 2025.08.14 |
| Javascript: 계산기 calculator (6) | 2025.08.13 |
| Javascript: 연산자 Operators (4) | 2025.08.13 |