{"id":141,"date":"2024-11-11T06:52:37","date_gmt":"2024-11-11T06:52:37","guid":{"rendered":"https:\/\/techkubo.com\/javascript\/?p=141"},"modified":"2025-05-13T13:00:51","modified_gmt":"2025-05-13T13:00:51","slug":"javascript-conditionals","status":"publish","type":"post","link":"https:\/\/techkubo.com\/javascript\/javascript-conditionals\/","title":{"rendered":"JavaScript Conditionals"},"content":{"rendered":"\n

If Statement<\/strong><\/h2>\n\n\n\n

The if<\/code> statement executes a block of code if a specified condition is true.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Explanation of Code:<\/strong> <\/p>\n\n\n\n

This code checks if the number is greater than 5. If the condition is true, it executes the code inside the block.<\/p>\n\n\n\n

let number = 10;\nif (number > 5) {\n    console.log("The number is greater than 5");\n}<\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
If-Else Statement<\/strong><\/h2>\n\n\n\n
The if-else<\/code> statement executes one block of code if a condition is true and another block of code if the condition is false.<\/p>\n\n\n\n
<\/p>\n\n\n\n
Explanation of Code:<\/strong> <\/p>\n\n\n\n
This code checks if the number is greater than 5. If true, it executes the first block; otherwise, it executes the second block.<\/p>\n\n\n\n
let number = 3;\nif (number > 5) {\n    console.log("The number is greater than 5");\n} else {\n    console.log("The number is 5 or less");\n}<\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Else If Statement<\/strong><\/h2>\n\n\n\n
The else if<\/code> statement allows you to test multiple conditions.<\/p>\n\n\n\n
<\/p>\n\n\n\n
Explanation of Code:<\/strong> <\/p>\n\n\n\n
This code checks multiple conditions and executes the corresponding block of code based on which condition is true.<\/p>\n\n\n\n
let number = 5;\nif (number > 5) {\n    console.log("The number is greater than 5");\n} else if (number === 5) {\n    console.log("The number is exactly 5");\n} else {\n    console.log("The number is less than 5");\n}<\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Ternary Operator<\/strong><\/h2>\n\n\n\n
The ternary operator is a shorthand for the if-else<\/code> statement. It takes three operands: a condition, an expression to execute if the condition is true, and an expression to execute if the condition is false.<\/p>\n\n\n\n
<\/p>\n\n\n\n
Explanation of Code:<\/strong> <\/p>\n\n\n\n
This code uses the ternary operator to check if the number is greater than 5 and assigns the appropriate message to the result<\/code> variable.<\/p>\n\n\n\n
let number = 10;\nlet result = (number > 5) ? "Greater than 5" : "5 or less";\nconsole.log(result); \/\/ "Greater than 5"<\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
JavaScript Conditionals Example Code<\/strong><\/h2>\n\n\n\n
Explanation of Code:<\/strong> <\/p>\n\n\n\n
This HTML file sets up an age verification form. The JavaScript code checks the user’s input age and displays a message indicating whether the user is an adult, a minor, or if the input is invalid.<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="UTF-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>Age Verification<\/title>\n<\/head>\n<body>\n    <h1>Age Verification<\/h1>\n    <input type="number" id="ageInput" placeholder="Enter your age">\n    <button onclick="verifyAge()">Verify Age<\/button>\n    <p id="ageResult"><\/p>\n\n    <script>\n        function verifyAge() {\n            let age = parseInt(document.getElementById('ageInput').value);\n            let result = document.getElementById('ageResult');\n\n            if (age >= 18) {\n                result.textContent = "You are an adult.";\n            } else if (age > 0 && age < 18) {\n                result.textContent = "You are a minor.";\n            } else {\n                result.textContent = "Please enter a valid age.";\n            }\n        }\n    <\/script>\n<\/body>\n<\/html><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
JavaScript Labs<\/strong><\/h2>\n\n\n\n