I am encountering an issue with the multiple conditional if-else statements in JavaScript

Question

I am encountering an issue with the multiple conditional if-else statements in JavaScript

While I am trying to grasp the concept of if-else statements with multiple conditions, I have encountered a slight issue that is causing some trouble. The 'else if' in the external condition section is being highlighted in my Visual Studio Code editor and displaying an error message saying 'Declaration or statement expected'. Could someone please help me troubleshoot this problem? Below is the code snippet that I am working on:

function solve(input) {
    let gender = (input.shift());
    let age = Number(input.shift());

    if (gender === 'Female') {
        if (age >= 18) {
            console.log('You are permitted on the website, lady.')
        }
    } else {
        console.log('You are not permitted on the website, lady.')
    } 
} else if (gender === 'Male') {
    if (age >= 18) {
        console.log('You are permitted on the website, dude.')
    } else {
        console.log('You are not permitted on the website, dude.')
    }
} else {
    console.log('Error')
}

solve(['Female', '13'])

javascript

Answer 1

Answer №1

One way to simplify this code is by reducing it to include only two variables: gender and age. These variables can then be inserted into the phrase that is displayed in the console.

It's important to note that just because there are two arguments passed to the function, it does not necessarily mean that each variable needs to be enclosed within separate if/else blocks.

function analyze(input) {
var gender, status;

    input[0] == 'Female'
      ? gender = 'lady'
      : gender = 'dude';
      
   parseInt(input[1]) >= 18
      ? status = 'are'
      : status = 'are not';
      
 console.log('You ' + status + ' permitted on the website, ' + gender + '.')
      
}

analyze(['Female', '13']); // Result: You are not permitted on the website, lady.
analyze(['Male', '19']); // Result: You are permitted on the website, dude.

Answer 2

One way to simplify this code is by reducing it to include only two variables: gender and age. These variables can then be inserted into the phrase that is displayed in the console.

It's important to note that just because there are two arguments passed to the function, it does not necessarily mean that each variable needs to be enclosed within separate if/else blocks.

function analyze(input) {
var gender, status;

    input[0] == 'Female'
      ? gender = 'lady'
      : gender = 'dude';
      
   parseInt(input[1]) >= 18
      ? status = 'are'
      : status = 'are not';
      
 console.log('You ' + status + ' permitted on the website, ' + gender + '.')
      
}

analyze(['Female', '13']); // Result: You are not permitted on the website, lady.
analyze(['Male', '19']); // Result: You are permitted on the website, dude.

Answer 3

Answer №2

As noted in the comments, there is an issue with your else if statement referring to a function block instead of the first if statement. By realigning your code and curly brackets, it should work correctly:

function processInfo(data) {
    let type = (data.shift());
    let value = Number(data.shift());

    if (type === 'Female') {
        if (value >= 18) {
            console.log('You are allowed on the website, ma\'am.');
        } else {
            console.log('You are not allowed on the website, ma\'am.');
        }
    } else if (type === 'Male') {
        if (value >= 18) {
            console.log('You are allowed on the website, sir.');
        } else {
            console.log('You are not allowed on the website, sir.');
        }
    } else {
        console.log('Error');
    }
}
processInfo(['Female', '13']);

It's advisable to end your console log statements with a semicolon (e.g. console.log("output");). You can refer to this post for more insights on using semicolons to terminate statements.

Answer 4

As noted in the comments, there is an issue with your else if statement referring to a function block instead of the first if statement. By realigning your code and curly brackets, it should work correctly:

function processInfo(data) {
    let type = (data.shift());
    let value = Number(data.shift());

    if (type === 'Female') {
        if (value >= 18) {
            console.log('You are allowed on the website, ma\'am.');
        } else {
            console.log('You are not allowed on the website, ma\'am.');
        }
    } else if (type === 'Male') {
        if (value >= 18) {
            console.log('You are allowed on the website, sir.');
        } else {
            console.log('You are not allowed on the website, sir.');
        }
    } else {
        console.log('Error');
    }
}
processInfo(['Female', '13']);

It's advisable to end your console log statements with a semicolon (e.g. console.log("output");). You can refer to this post for more insights on using semicolons to terminate statements.

I am encountering an issue with the multiple conditional if-else statements in JavaScript

Answer №1

Answer №2

Similar questions

Setting up Webpack for Node applications

Issue with useEffect EventListener in REACT HOOKS

Show an Array of Nested JSON API information on an HTML page using jQuery/JavaScript

Ways to schedule the execution of a script at a specific time using Node.js

Organize an array of JSON objects based on a specific key and eliminate any duplicated entries

Incorporate data from a CSV file into an HTML table on the fly with JavaScript/jQuery

Troubleshooting a Simple JavaScript Game: Mastermind Edition

Establishing a system for utilizing barcode multimarkers in AR.js

Trim JSON using JavaScript

Scroll to the bottom of a textarea in React by automatically shifting focus

Issues with Select2 Ajax functionality not functioning as intended

Highcharts failing to connect the dots with lines between data points

Unable to execute PHP code within a PHP file loaded through AJAX

How do I control the opening and closing of my modal using redux state management?

Best practice for integrating configuration settings into a Redux application

Angular's ngSubmit is malfunctioning

Guide on transmitting data from a pre-populated React input field to Express server

Achieving dynamic page number display in relation to Pagination in ReactJS

Issue with Vue and Axios: Error retrieving API data using coinmarketcap key

Displaying various elements with distinct properties in React using ES6