Có ba loại câu lệnh điều kiện trong JavaScript -
- Câu lệnh if - Câu lệnh if được sử dụng để thực thi mã bên trong khối if chỉ khi điều kiện cụ thể được đáp ứng.
- Câu lệnh if else - Câu lệnh If… .Else chỉ được sử dụng để kiểm tra hai điều kiện và thực thi các mã khác nhau cho mỗi điều kiện.
- Câu lệnh if else if else - Câu lệnh if… else if… else được sử dụng để kiểm tra nhiều hơn hai điều kiện.
Sau đây là mã để triển khai các câu lệnh có điều kiện trong JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 20px;
font-weight: 500;
color: blueviolet;
}
</style>
</head>
<body>
<h1>Conditional statements in JavaScript</h1>
<input type="text" class="numInput" />
<button class="Btn">CHECK</button><br />
<div class="result"></div>
<h3>Click on the above button to see if the above number is divisible by 2,3 or both</h3>
<script>
let resEle = document.querySelector(".result");
let BtnEle = document.querySelector(".Btn");
let numInputEle = document.querySelector(".numInput");
BtnEle.addEventListener("click", () => {
if (numInputEle.value % 2 === 0 && numInputEle.value % 3 === 0) {
resEle.innerHTML = "The numbers is divisible by 2 and 3 both";
} else if (numInputEle.value % 3 === 0) {
resEle.innerHTML = "The number is divisbly by 3";
} else if (numInputEle.value % 2 === 0) {
resEle.innerHTML = "The numbers is divisible by 2";
} else {
resEle.innerHTML = "The numbers isn't divisible by 2 or 3";
}
});
</script>
</body>
</html> Đầu ra
Khi nhập một số và nhấp vào nút 'KIỂM TRA' -
