How can I use if statement in ejs?

In EJS (Embedded JavaScript) templates, you can use JavaScript control structures, including if statements, to control which content is displayed on the page. If statements allow you to decide whether to render specific parts of HTML based on conditions.

Using if Statements in EJS

In EJS, you can use <% if (condition) { %> to start a conditional block and <% } %> to end it. If the condition is true, it executes and renders the code within the block.

Example

Suppose you have a user login system where you want to display different messages based on whether the user is logged in. You can write it in an EJS template as:

ejs
<% if (user.isLoggedIn) { %>
    <h1>Welcome back, <%= user.name %>!</h1>
<% } else { %>
    <h1>Welcome, guest!</h1>
<% } %>

In this example:

• user.isLoggedIn is a boolean value indicating whether the user is logged in.
• If the user is logged in (user.isLoggedIn is true), the page displays a welcome message with the user's name using user.name.
• If the user is not logged in (user.isLoggedIn is false), it displays a general welcome message for guests.

Why Use if Statements

Using if statements makes your application more dynamic by displaying different content based on data states. This is very useful for creating personalized user experiences or conditionally rendering data before display.

Important Notes

• Ensure that you properly close each tag when using if statements to avoid template errors.
• Keep the logic clear and avoid embedding overly complex logic in templates to maintain code maintainability and readability.

By effectively using if statements in EJS templates, you can create more interactive and personalized web pages.