최신 웹 개발 튜토리얼
 

JavaScript / else 문 경우

<자바 스크립트 문 참조

예

현재 시간 경우 (HOUR) 이하 20 : 00 출력 "Good day" ID = "데모"를 가진 요소 :

var time = new Date().getHours();
if (time < 20) {
    document.getElementById("demo").innerHTML = "Good day";
}

그 결과는 다음과 같습니다

»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

지정된 조건이 true 인 경우 경우 / else 문은 코드 블록을 실행합니다. 조건이 거짓이면, 코드의 또 다른 블록이 수행 될 수있다.

은 if / else 문은 자바 스크립트의의 한 부분이다 "Conditional" 다른 조건에 따라 다른 작업을 수행하는 데 사용되는 문.

자바 스크립트에서 우리는 다음과 같은 조건문을 가지고 :

  • 사용 if 지정된 조건에 해당하면 코드 블록을 지정하려면, 실행되는
  • 사용하여 else 동일한 조건이 false 인 경우 코드 블록을 지정하려면, 실행되는
  • 사용 else if 첫 번째 조건이 false 인 경우, 테스트 할 새 조건을 지정하려면
  • 사용 switch 코드의 많은 블록 중 하나를 선택 실행되는

브라우저 지원

성명서
if/else 예 예 예 예 예

통사론

는 IF 문은 코드 블록은 조건이 참이면 실행되도록 지정합니다 :

if ( else 문은 코드 블록은 조건이 거짓 인 경우 실행되도록 지정합니다 :

if ( 첫 번째 조건이 false 인 경우 문은 새로운 조건을 지정하면 다른 :

if ( 매개 변수 값
매개 변수 기술
condition 필요합니다. true 또는 false로 평가되는 표현식

기술적 세부 사항

자바 스크립트 버전 : 1.0
예

더 예

예

시간 20:00보다 작은 경우 생성 "Good day" 인사, 그렇지 않으면 "Good evening" :

var time = new Date().getHours();
if (time < 20) {
    greeting = "Good day";
} else {
    greeting = "Good evening";
}

인사의 결과는 다음과 같습니다

»그것을 자신을 시도

예

시간 10:00보다 작은 경우 생성 "Good morning" 작성하지 않을 경우, 인사말을하지만 시간이 20시 작 "Good day" , 인사말 그렇지 않으면 "Good evening" :

var time = new Date().getHours();
if (time < 10) {
    greeting = "Good morning";
} else if (time < 20) {
    greeting = "Good day";
} else {
    greeting = "Good evening";
}

인사의 결과는 다음과 같습니다

»그것을 자신을 시도

예

제 경우 <div> 문서 요소의 ID를 갖는 "myDIV" , 그 폰트 크기를 변경 :

var x = document.getElementsByTagName("DIV")[0];

if (x.id === "myDIV") {
    x.style.fontSize = "30px";
}
»그것을 자신을 시도

예

값의 변경 source 속성 (src) 의 AN <img> 사용자는 이미지를 클릭 할 경우, 요소 :

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">

<script>
function changeImage() {
    var image = document.getElementById("myImage");
    if (image.src.match("bulbon")) {
        image.src = "pic_bulboff.gif";
    } else {
        image.src = "pic_bulbon.gif";
    }
}
</script>
»그것을 자신을 시도

예

사용자 입력에 따라 메시지를 표시합니다 :

var letter = document.getElementById("myInput").value;
var text;

// If the letter is "c"
if (letter === "c") {
    text = "Spot on! Good job!";

// If the letter is "c" or "e"
} else if (letter === "b" || letter === "d") {
    text = "Close, but not close enough.";

// If the letter is anything else
} else {
    text = "Waaay off..";
}
»그것을 자신을 시도

예

입력 데이터의 유효성을 검사 :

var x, text;

// Get the value of the input field with id="numb"
x = document.getElementById("numb").value;

// If x is Not a Number or less than 1 or greater than 10, output "input is not valid"
// If x is a number between 1 and 10, output "Input OK"

if (isNaN(x) || x < 1 || x > 10) {
    text = "Input not valid";
} else {
    text = "Input OK";
}
»그것을 자신을 시도

관련 페이지

자바 스크립트 튜토리얼 : 자바 스크립트의 경우 ... else 문

자바 스크립트 튜토리얼 : 자바 스크립트 스위치 문

<자바 스크립트 문 참조