JavaScript if … else

Ví dụ

Nếu giờ nhỏ hơn 20, hãy xuất “Good day”:

let giờ = new Date (). getHours ();
nếu (giờ & lt; 20) {
document.getElementById (“demo”). innerHTML = “Good day”;
}

Hãy tự mình thử »

Xuất “Chúc một ngày tốt lành” hoặc “Chào buổi tối”:

let giờ = new Date (). getHours ();
nếu (giờ & lt; 20) {

lời chào = “Chúc một ngày tốt lành”;
}
khác {
lời chào = “Chào buổi tối”;
}

Hãy tự mình thử »

Các ví dụ khác bên dưới.

Định nghĩa và Cách sử dụng

Câu lệnh if / else thực thi một khối mã nếu một điều kiện được chỉ định là
thật. Nếu điều kiện sai, một khối mã khác có thể được thực thi.

Câu lệnh if / else là một phần của Câu lệnh “Có điều kiện” của JavaScript,
được sử dụng để thực hiện các hành động khác nhau dựa trên các điều kiện khác nhau.

Trong JavaScript, chúng ta có các câu lệnh điều kiện sau:

• Sử dụng if để chỉ định một khối mã sẽ được thực thi, nếu một điều kiện được chỉ định là đúng
• Sử dụng else để chỉ định một khối mã sẽ được thực thi, nếu điều kiện tương tự là sai
• Sử dụng else if để chỉ định một điều kiện mới để kiểm tra, nếu điều kiện đầu tiên là sai
• Sử dụng switch để chọn một trong nhiều khối mã sẽ được thực thi

Cú pháp

Câu lệnh if chỉ định một khối mã
được thực thi nếu một điều kiện là đúng:

if () {
// khối mã sẽ được thực thi nếu điều kiện là đúng
}

Câu lệnh else chỉ định một khối mã
được thực thi nếu điều kiện sai:

if () {
// khối mã sẽ được thực thi nếu điều kiện là đúng
}
khác {

// khối mã sẽ được thực thi nếu điều kiện sai
}

Câu lệnh else if chỉ định một điều kiện mới nếu
điều kiện đầu tiên là sai:

if () {
// khối mã sẽ được thực thi nếu điều kiện 1 là đúng
}
khác nếu () {
// khối mã sẽ được thực thi nếu điều kiện 1 là sai và điều kiện 2 là đúng
} khác {
// khối mã sẽ được thực thi nếu điều kiện 1 là sai và điều kiện 2 là sai
}

Giá trị tham số

Tham số
Sự mô tả

tình trạng
Yêu cầu. Một biểu thức đánh giá là true hoặc false

Các ví dụ khác

Nếu thời gian dưới 10:00, hãy tạo “Tốt
buổi sáng”
lời chào, nếu không, nhưng thời gian dưới 20:00, hãy tạo lời chào “Chúc một ngày tốt lành”,
nếu không thì là “Chào buổi tối”:

var time = new Date (). getHours ();
nếu (thời gian & lt; 10) {
lời chào = “Chào buổi sáng”;
}
khác nếu (thời gian & lt; 20) {
lời chào = “Chúc một ngày tốt lành”;
}
khác {
lời chào = “Chào buổi tối”;
}

Hãy tự mình thử »

Nếu & lt; div & gt; phần tử trong tài liệu có id là “myDIV”, hãy thay đổi
font-size:

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

if (x.id === “myDIV”) {
x.style.fontSize = “30px”;
}

Hãy tự mình thử »

Thay đổi giá trị của thuộc tính nguồn (src) của & lt; img & gt; , nếu người dùng nhấp vào hình ảnh:

& lt; img id = “myImage” onclick = “changeImage ()” src = “pic_bulboff.gif” width = “100” height = “180” & gt;

& lt; script & gt;
function changeImage () {
var image = document.getElementById (“myImage”);
if (image.src.match (“bulbon”)) {
image.src = “pic_bulboff. gif “;
} khác {
image.src = “pic_bulbon.gif”;
}
}
& lt; / script & gt;

Hãy tự mình thử »

Hiển thị thông báo dựa trên thông tin người dùng nhập:

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

// Nếu chữ cái là “c”
if (letter === “c”) {
text = “Đúng rồi! Làm tốt lắm!”;

// Nếu ký tự là “b” hoặc “d”
} else if (letter === “b” || letter === “d”) {
text = “Đóng, nhưng không đủ gần. “;

// Nếu chữ cái khác thì
} else {
text =” Waaay off .. “;
}
Hãy tự mình thử »

Xác thực dữ liệu đầu vào:

var x, text;

// Lấy giá trị của trường nhập với id = “tê”
x = document.getElementById (“tê”). value;
< br /> // Nếu x Không phải là Số hoặc nhỏ hơn 1 hoặc lớn hơn 10, đầu ra “đầu vào không hợp lệ”
// Nếu x là một số từ 1 đến 10, đầu ra “Đầu vào OK”

if (isNaN (x) || x & lt; 1 || x & gt; 10) {
text = “Dữ liệu nhập không hợp lệ”;
} else {
text = “Nhập OK”;
}

Hãy tự mình thử »

Các trang liên quan

Hướng dẫn JavaScript: JavaScript If … Các câu lệnh khác

Hướng dẫn JavaScript: Tuyên bố chuyển đổi JavaScript

Hỗ trợ trình duyệt

if ... else là tính năng ECMAScript1 (ES1).

ES1 (JavaScript 1997) được hỗ trợ đầy đủ trong tất cả các trình duyệt:

Trình duyệt Chrome
I E
Bờ rìa
Firefox
Cuộc đi săn
Opera

Đúng
Đúng
Đúng
Đúng
Đúng
Đúng