Learn JavaScript : if..else Statement (Part 6)

If-else statement image


"If..else if..else statements help to program a hard-wired Ai (Artificial Intelligence) with a barbaric learning ability" (Mark Anthony Graham)


In this section of the JavaScript tutorials, we will be looking at if..else statements in JavaScript. I recommend you learn our previous tutorial on JavaScript Operators (link). Remember each concept in JavaScript builds upon the other. With that being settled, let's look at the general understanding of an if..else statement. 

What could first come to your mind is a condition. That's correct✅. When you use the if..else statement as a coder, it means you are defining a case and that if the condition of the case is satisfied then the block of code set to that condition would be executed by the machine.


Illustration of a condition


From, the diagram, the condition must return a value of either true or false. If it returns true, it means that the little girl must take the left turn and in case the condition returns false it means the little girl must take the right turn. So in a real-world coding situation, a Coder could program that if a user's input contains an even number, it prompts with an even number notice to inform the user that his or her input was an even number else tell the user that the number inputted is an odd number. Below is a general diagram to help you understand how this works.😀



The above diagram presents a concept in computer programming known as a flowchart. What is a flowchart? 

A flowchart is a visual representation or diagram that illustrates the sequence of steps or actions in a process, algorithm, or program. It uses various symbols and arrows to depict the flow of control and decision points within the process.

Flowcharts are commonly used in software development, system analysis, and process engineering to document and communicate the logical flow of a program or a process. They provide a clear and structured representation of how inputs are processed, decisions are made, and outputs are geneTrated."

Let's get to our diagram. The program execution begins from start, thus it starts from the top. Then gets to an if condition that either returns true or false. If the condition is true then the if body (Block of code) is executed, else if the condition returns false then the else body (Block of code) is executed. After either of the condition is satisfied then the interpreter continues its journey down the script. But from the diagram above the execution process was exited.


A sample code of just if..else is being used.

------------------------------------------------------------------------

if (condition) {

    // code to execute if the condition is true

} else {

    // code to execute if the condition is false

}

-------------------------------------------------------------------------


if..else if

But there is another kind of the if..else statement I have not showed you yet. This one is the if..else if.. 
the else..if gives a coder more room to add extra conditions to assess a more complicated kind of situation.

Kindly spend a little time to understand the code written below.

------------------------------------------------------------------------

if (condition) {

    // code to execute if the condition is true

} else if (condition 2){

    // code to execute if the 2nd condition is true

} else if (condition 3) {

    // code to execute if the 3rd condition is true

} else {

    / code to execute if the all the other conditions are false

}

-------------------------------------------------------------------------


In conclusion

A summary of what we haved learned today on JavaScript if..else if..else. 

1. Condition Evaluation: The condition within the parentheses is evaluated, resulting in either true or false.

2. Execution of Blocks:
   - If the condition is true, the code inside the first block (if block) is executed.
   - If the condition is false, the code inside the else block (optional) is executed.

3. Program Flow:
   - After executing the appropriate block, the program continues to the statement following the if-else statement.
   - If there is no else block and the condition is false, the program proceeds without performing any specific actions.

In short, an if-else statement allows the program to execute different code blocks based on the evaluation of a condition, and it provides a way to control the flow of the program based on true or false conditions.

HaPpY Coding😀


Proceed to Part 7 : JavaScript Switch Statement


 

Comments

Post a Comment

followers

Popular posts from this blog

The Ultimate Solution for Retailers and Small Businesses

Image
  Introducing XowiePOS: The Ultimate Solution for Retailers and Small Businesses In today's fast-paced business environment, managing sales, inventory, and customer interactions efficiently is crucial for success. Whether you're running a pharmacy, mechanic shop, grocery store, or any retail business, staying on top of daily operations can be challenging. That's where XowiePOS comes in—a comprehensive, integrated point of sales (POS) software designed to streamline your business processes, boost efficiency, and give you more time to focus on what really matters: growing your business. Why XowiePOS is the Perfect Fit for Your Business XowiePOS is not just another POS software; it’s a powerful tool designed with the specific needs of retailers in mind. Here’s why XowiePOS stands out from the crowd: 1. Seamless Sales Management With XowiePOS, managing sales has never been easier. Our system automatically calculates balances, applies discounts, and supports bar...
Read more

Mastering Error Handling in PHP: A Deep Dive into `@` and `try...catch`

Image
Introduction Effective error handling is paramount in PHP development, ensuring applications respond gracefully to unexpected scenarios. This article explores issues surrounding the `@` error suppression operator and the `try...catch` block, providing insights into their applications, drawbacks, and best practices through illustrative code examples. The `@` Error Suppression Operator The `@` symbol in PHP is an operator designed to suppress error messages generated by a specific expression. While seemingly convenient, its usage comes with notable pitfalls. //  php // Example using @ for error suppression $result = @file_get_contents('nonexistent-file.txt'); // Without error suppression, this would trigger a warning if the file doesn't exist // With @, the warning is suppressed, and $result might be false or an empty string Debugging Challenges    The primary drawback of `@` is its impact on debugging. Errors are concealed, making it challenging to identify ...
Read more

What is a Function in Computer Programming

Image
Introduction In programming, functions are a vital part of code organization and reusability. A function is a block of code that performs a specific task, making it a basic concept in various programming languages like Python, C++, PHP, and JavaScript. This article explores the essence of functions, provides code examples in these languages, distinguishes between custom and built-in functions, and explains how to implement default values for function arguments. Concept of Functions A function serves as a self-contained unit of code designed to execute a particular job. It streamlines complex tasks, promotes code modularity, and facilitates code maintenance. To understand functions better, let's break down their core components. Anatomy of a Function A function typically consists of the following elements: Function Declaration/Definition : This is where you define the function's name, list its parameters (inputs), and possibly specify its return type. Function Body : W...
Read more