-
[javascript] 25. 조건문(conditions) - if, else - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:17JavaScript If...Else Statements
조건문은 다른 조건에 따른 다른 행동을 수행하는데 사용합니다.
1. Conditional Statements
주로 코드를 작성할 때, 다른 결정에 따른 다른 행동을 수행하려 합니다.
그때, 조건문을 코드에 기입합니다.
2. The if Statement
if 문을 써서 조건이 참 인 경우, 괄호 안의 실행할 자바스크립트 코드를 명시합니다.
문법:
if (condition) {
block of code to be executed if the condition is true
}예제:
123456789101112131415161718192021<!DOCTYPE html><html><body><p>Display "Good day", only if the time is less than 20:00:</p><button onclick="myFunction()">Try it</button><p id="demo"></p><script>function myFunction() {if (new Date().getHours() < 20) {document.getElementById("demo").innerHTML = "Good day";}}</script></body></html>cs 3. The else Statement
else 문을 써서 조건이 거짓인 경우에 실행할 자바스크립트 코드를 괄호 안에 기입합니다.문법:if (condition) {
block of code to be executed if the condition is true
} else {
block of code to be executed if the condition is false
}예제:
1234567891011121314151617181920212223242526<!DOCTYPE html><html><body><p>Click the button to display a time-based greeting:</p><button onclick="myFunction()">Try it</button><p id="demo"></p><script>function myFunction() {var greeting;if (new Date().getHours() < 20) {greeting = "Good day";} else {greeting = "Good evening";}document.getElementById("demo").innerHTML = greeting;}</script></body></html>cs 4. The else if Statement
else if 문은 첫 번째 조건이 거짓일 경우, 새로운 조건을 명시하기 위해 사용합니다.
문법:
if (condition1) {
block of code to be executed if condition1 is true
} else if (condition2) {
block of code to be executed if the condition1 is false and condition2 is true
} else {
block of code to be executed if the condition1 is false and condition2 is false
}예제:
1234567891011121314151617181920212223242526272829<!DOCTYPE html><html><body><p>Click the button to get a time-based greeting:</p><button onclick="myFunction()">Try it</button><p id="demo"></p><script>function myFunction() {var greeting;var time = new Date().getHours();if (time < 10) {greeting = "Good morning";} else if (time < 20) {greeting = "Good day";} else {greeting = "Good evening";}document.getElementById("demo").innerHTML = greeting;}</script></body></html>cs 'Web > JavaScript' 카테고리의 다른 글
[javascript] 28. while 반복문(while loop) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 27. for 반복문(for loop) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 26. 스위치(switch) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 24. 비교(Comparisons) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 23. 논리연산(Booleans) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 22. 배열 메소드(Array Method) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13
