Skip to content
Related Articles

Related Articles

Improve Article

How to write an inline IF statement in JavaScript ?

  • Last Updated : 29 May, 2019
Geek Week

We can write an inline IF statement in javascript using the methods described below.
Method 1: In this method we write an inline IF statement Without else, only by using the statement given below.

Syntax:

(a < b) && (your code here)

Above statement is equivalent to
if(a < b){
   // Your code here
}

Example: Below is the implementation of above approach:




<script>
    // Javascript script 
    // to write an inline IF
    // statement
      
    // Function using inline 'if'
    // statement to print maximum
    // number
    function max(n, m){
          
        // Inline 'if' statement only
        // If n > m then this will execute
        (n > m) && document.write(n + "<br>");
        // Above statement is equivalent to
        // if(n > m){
        //    document.write(n + "<br>");
        // }
          
        // Inline 'if' statement only
        // If m > n then this will execute
        (m > n) && document.write(m + "<br>");
        // Above statement is equivalent to
        // if(m > n){
        //    document.write(m + "<br>");
        // }
    }
      
      
    //Driver code
    var a = -10;
    var b = 5;
      
    // Call function
    max(a, b);
      
    // Update value
    a = 50;
    b = 20;
      
    // Call function
    max(a, b);
</script>

Output:

5
50

Method 2: In this method, we will use ternary operator to write inline if statement.



Syntax:

result = condition ? value1 : value2;

If condition is true then value1 will be assigned to result variable and if wrong then value2 will be assigned.

Example: Below is the implementation of above approach:




<script>
    // Javascript script 
    // to write an inline IF
    // statement
      
    // Function using inline 'if'
    // statement to return maximum
    // number
    function max(n, m){
          
        // Inline 'if' statement
        // using ternary operator
        var x = (n > m) ? n : m;
        // Above statement is equivalent to
        // if(n > m){
        //    x = n;
        // }
        // else {
        //    x = m;     
        // }
          
        return x;
    }
      
    //Driver code
    var a = -10;
    var b = 5;
    var res;
      
    // Call function
    res = max(a, b);
    // Print result
    document.write(res + "<br>");
      
    // Update value
    a = 50;
    b = 20;
      
    // Call function
    res = max(a, b);
    // Print result
    document.write(res + "<br>");
</script>                    

Output:

5
50

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it’s lowest price ever!




My Personal Notes arrow_drop_up
Recommended Articles
Page :