VietTuts

Tự Học Lập Trình Online

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • C#
  • Python
  • PHP
  • Excel
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • HTML5
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Eclipse
    • Phần mềm tiện ích
    • Cấu trúc DL&GT
    • Selenium Test

Học JavaScript

JavaScript là gì? Cú pháp trong JavaScript Nhúng JavaScript vào HTML Biến trong JavaScript Biến toàn cầu JavaScript Kiểu dữ liệu trong JavaScript Toán tử trong JavaScript Hàm trong JavaScript Sự kiện trong JavaScript

Các Mệnh Đề Điều Khiển

Mệnh đề if-else Mệnh đề Switch-case Vòng lặp for Vòng lặp while Vòng lặp do-while

Các đối tượng JavaScript

Đối tượng trong JavaScript Mảng (Array) Chuỗi (String) Đối tượng Date Đối tượng Math Đối tượng Number Đối tượng Boolean

JavaScript BOM

Đối tượng Browser 1. Đối tượng Window 2. Đối tượng History 3. Đối tượng Navigator 4. Đối tượng Screen Cookie trong JavaScript

JavaScript DOM

5. Đối tượng Document getElementById() getElementsByName() getElementsByTagName() Thuộc tính innerHTML Thuộc tính innerText

JavaScript Validation

Validate Form bằng JavaScript Validate Email bằng JavaScript

Phỏng Vấn JavaScript

Câu hỏi phỏng vấn JavaScript
1 / 3
❮ ❯

Mệnh đề if-else trong JavaScript


Sự kiện (Event) trong JavaScript
Mệnh đề Switch-case trong JavaScript

Mệnh đề if-else trong JavaScript được sử dụng để kiểm tra một biểu thức điều kiện nào đó có đúng hay không, nếu đúng thì thực thi những câu lệnh bên trong khối lệnh if và ngược lại nếu sai thì nó sẽ bỏ qua những câu lệnh đó. Có ba dạng của câu lệnh if trong JavaScript.

  • Mệnh đề if.
  • Mệnh đề if-else.
  • Mệnh đề if-elseif-else.

Ngoài ra, còn có dạng mệnh đề if lồng nhau.

Lưu đồ thuật toán của mệnh đề if trong JavaScript:

Lệnh if-else JavaScript

Nội dung chính

  • 1. Mệnh đề if trong JavaScript
  • 2. Mệnh đề if-else trong JavaScript
  • 3. Mệnh đề if-elseif-else trong JavaScript
  • 4. Mệnh đề if lồng nhau trong JavaScript

1. Mệnh đề if trong JavaScript

Mệnh đề if được sử dụng để kiểm tra giá trị dạng boolean của điều kiện. Khối lệnh sau if được thực thi nếu giá trị của điều kiện là True. Cú pháp:

if (condition) {  
  // khối lệnh này được thực thi nếu condition = true
} 

Ví dụ mệnh đề if trong JavaScript:

<html>
<head>
<script type="text/javascript">
    function validateAge() {
        age = document.getElementById("age").value;
        if (age > 18) {
            alert("Du tuoi lao dong!");
        }
    }
</script>
</head>
<body>
  Age:
  <input type="text" id="age" name="age" />
  <input type="button" onclick="validateAge()" value="Submit" />
</body>
</html>

Kết quả:


2. Mệnh đề if-else trong JavaScript

Mệnh đề if được sử dụng để kiểm tra giá trị dạng boolean của điều kiện. Khối lệnh sau if được thực thi nếu giá trị của điều kiện là True, nếu là False thì chỉ có khối lệnh sau else được thực hiện. Cú pháp:

if (condition) {  
  // khối lệnh này được thực thi nếu condition = true
} else {
  // khối lệnh này được thực thi nếu condition = false
}

Ví dụ mệnh if-else trong JavaScript:

<html>
<head>
<script type="text/javascript">
    function validateAge() {
        age = document.getElementById("age").value;
        if (age > 18) {
            alert("Du tuoi lao dong!");
        } else {
            alert("Chua du tuoi lao dong!");
        }
    }
</script>
</head>
<body>
  Age:
  <input type="text" id="age" name="age" />
  <input type="button" onclick="validateAge()" value="Submit" />
</body>
</html>

Kết quả:


3. Mệnh đề if-elseif-else trong JavaScript

Mệnh đề if-elseif-else cũng kiểm tra giá trị dạng boolean của điều kiện. Nếu giá trị điều kiện if là True thì chỉ có khối lệnh sau if sẽ được thực hiện. Nếu giá trị điều kiện else if nào là True thì chỉ có khối lệnh sau if else đó sẽ được thực hiện… Nếu tất cả điều kiện của if và if else là False thì chỉ có khối lệnh sau else sẽ được thực hiện. Cú pháp:

if (condition1) {  
  // khối lệnh này được thực thi nếu condition1 = true
} else if (condition2) {
  // khối lệnh này được thực thi nếu condition1 = false và condition2 = true
...
} else {
  // khối lệnh này được thực thi nếu nếu tất cả những điều kiện trên = false
}

Ví dụ mệnh đề if-elseif-else trong JavaScript:

<html>
<head>
<script type="text/javascript">
    function checkMarks() {
        marks = document.getElementById("marks").value;
        if (marks < 50) {
            alert("Tạch!");
        } else if (marks >= 80 && marks < 90) {
            alert("Xếp loại B");
        } else if (marks >= 90 && marks < 100) {
            alert("Xếp loại A");
        } else {
            alert("Xếp loại TB");
        }
    }
</script>
</head>
<body>
  Marks:
  <input type="text" id="marks" name="marks" />
  <input type="button" onclick="checkMarks()" value="Submit" />
</body>
</html>

Kết quả:


4. Mệnh đề if lồng nhau trong JavaScript

Một câu lệnh if hoặc else if bên trong câu lệnh if hoặc elseif khác được biết đến như là mệnh đề if lồng nhau. Các câu lệnh if bên trong được thực thi dựa trên các câu lệnh if bên ngoài.

Ví dụ mệnh đề if lồng nhau trong JavaScript:

<html>
<head>
<script type="text/javascript">
    function checkNumber() {
        number = document.getElementById("number").value;

        if (number > 0) {
            alert("Number la mot so duong");
            if (number == 1) {
                alert("Number = 1");
            } else if (number == 2) {
                alert("Number = 2");
            } else if (number == 3) {
                alert("Number = 3");
            } else {
                alert("Number khong phai la 0, 1, 2 hoac 3");
            }
        } else if (number < 0) {
            alert("Number la mot so am");
        } else if (number == 0) {
            alert("Number la so 0");
        } else {
            alert("Number khong phai la mot so.");
        }
    }
</script>
</head>
<body>
  Number:
  <input type="text" id="number" name="number" />
  <input type="button" onclick="checkNumber()" value="Submit" />
</body>
</html>

Kết quả:


Sự kiện (Event) trong JavaScript
Mệnh đề Switch-case trong JavaScript

Recent Updates

Sử dụng Javascript trong HTMLJavaScript là gì?Biến toàn cầu JavaScriptBiến trong JavaScriptBoolean trong JavaScriptChuỗi (String) trong JavaScriptCookie trong JavaScriptCú pháp trong JavaScriptDocument.getElementById() trong JavaScriptDocument.getElementsByName() trong JavaScriptDocument.getElementsByTagName() trong JavaScriptĐối tượng Browser trong JavaScriptSắp Tết 2026 Rồi! - Còn bao nhiêu ngày nữa là đến tết 2026?

VietTuts on facebook

Học Lập Trình Online Miễn Phí - VietTuts.Vn
Danh Sách Bài Học

Học Java | Hibernate | Spring
Học Excel | Excel VBA
Học Servlet | JSP | Struts2
Học C | C++ | C#
Học Python
Học SQL

Bài Tập Có Lời Giải

Bài tập Java
Bài tập C
Bài tập C++
Bài tập C#
Bài tập Python
Ví dụ Excel VBA

Câu Hỏi Phỏng Vấn

201 câu hỏi phỏng vấn java
25 câu hỏi phỏng vấn servlet
75 câu hỏi phỏng vấn jsp
52 câu hỏi phỏng vấn Hibernate
70 câu hỏi phỏng vấn Spring
57 câu hỏi phỏng vấn SQL

Scroll back to top

Copyright © 2016 VietTuts.Vn all rights reserved. | Liên hệ | Chính sách - riêng tư | sitemap.html | sitemap_index.xml