# else if statement

The `else…if` statement is useful to test multiple conditions. Following is the syntax of the same.

- An `if` construct can contain any number of `else if` blocks of code.
- It is not necessary to use the code block `else`.

```javascript
if (boolean_expression1) { 
   // statements if the expression1 evaluates to true 
} 
else if (boolean_expression2) { 
   // statements if the expression2 evaluates to true 
} 
else { 
   /* statements if both expression1 
  and expression2 result to false */
} 
```

The `else if` syntax is like the `if` syntax:

`else if` keyword, __value__ in the parentheses `()` and a code block in the curly brackets `{}`.

If one of the conditions is met, then after executing its code block, the subsequent conditions will not be checked, and the code blocks of those conditions will not be executed either.

dm9pZCBtYWluKCkgewogIGludCBudW0gPSAyOwogIGlmKG51bSA+IDApIHsKICAgIHByaW50KCJpcyBwb3NpdGl2ZSIpOwogIH0KICBlbHNlIGlmKG51bSA8IDApIHsKICAgIHByaW50KCJpcyBuZWdhdGl2ZSIpOwogIH0KICBlbHNlIHsKICAgIHByaW50KCJpcyB6ZXJvIik7CiAgfQp9

In this program, we have a variable `num` which is equal to `2`. We use a conditional statement if to check if num is greater than `0`. If this condition is `true` (meaning `num` is a positive number), it prints the message `"is positive"`. Otherwise, if `num` is less than `0`, it prints `"is negative"`. If none of these conditions is `true` (i.e., num is equal to `0`), it prints `"is zero"`.

## Task

Fix the code so that the program works correctly.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    
    <style>
      .button-container {
        display: flex;
        gap: 10px;
      }

      .button {
        background-color: #ff8a00;
        color: white;
        padding: 10px 20px;
        border: none;
        font-weight: 600;
        border-radius: 30px;
        padding: 5px 12px;
        font-family: inherit;
        font-size: 18px;
        cursor: pointer;
        transition: 0.5s ease-in-out;
      }

      .button:hover,
      .button:focus {
        background-color: #d27204;
      }
      .block {
        display: none;
      }

      #hint-block {
        padding: 10px;
        background-color: white;
        margin-top: 20px;
        background-color: white;
        line-height: 1.5;
        color: black;
        font-family: inherit;
        border: #4f5e77 solid;
        border-radius: 10px;
        padding: 10px;
      }

      #solution-block {
        margin-top: 20px;
      }

      .language-css .token.string,
      .style .token.string,
      .token.entity,
      .token.operator,
      .token.url {
        background: none !important;
      }
      code {
        color: crimson;
        background-color: #e2e2e2;
        padding-left: 4px;
        padding-right: 5px;
        border-radius: 4px;
        font-family: Monaco, Ubuntu Mono, sans-serif;
        font-size: 16px;
      }
    </style>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism-okaidia.min.css"
    />
  </head>
  <body>
    <div class="button-container">
      <button id="btn-hint" class="button">Hint</button>
    </div>
    <div id="hint-block" class="block">
      else if (score is double)
    </div>
    <div id="solution-block" class="block">
      
      <pre><code class="language-python">

      </code></pre>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/components/prism-python.min.js"></script>
    <script>
      Prism.highlightAll();

      const hintBtn = document.getElementById("btn-hint");

      let hintClick = () => {
        let solutionBlock = document.getElementById("solution-block");
        let hintBlock = document.getElementById("hint-block");
        const hintBlockDisplay = getComputedStyle(hintBlock).display;
        if (hintBlockDisplay === "none") {
          hintBlock.style.display = "block";
        } else {
          hintBlock.style.display = "none";
        }
        solutionBlock.style.display = "none";
      };

      hintBtn.addEventListener("click", hintClick);
    </script>
  </body>
</html>

dm9pZCBtYWluKCkgewogIHZhciBzY29yZSA9ICcyLjAnOwogIGlmKCBzY29yZSBpcyBpbnQgKXsKICAgIHByaW50KCdUeXBlOiBpbnQnKTsKICB9IF9fXyAoX19fKXsKICAgIHByaW50KCdUeXBlOiBkb3VibGUnKTsKICB9IGVsc2UgewogICAgcHJpbnQoJ1R5cGU6IG90aGVyIHR5cGUnKTsKICB9Cn0=

This section will tell you about the advantages of Dart and why you should learn it.
We'll also write the first programs on Dart

Numbers and text are an integral part of every application and mobile application. 
This section will teach you how to work with these and other data types.


Previously, our code only worked linearly from top to bottom. In this section, we will learn how to control the code flow.


Every serious program has a lot of data. Data is usually stored in sets. In this section, we will explore data collections.

In programs, instructions often need to be repeated many times. To do it quickly, we can use loops. In this section, we will study cycles.

Introduction to Dart

else if statement

else if statement

Syntax

Example

Task