javascript conditional operator issue

Question

Hello sorry if this is a duplicate question but I was wondering if someone could help me out with my code I don't know what i'm missing i'm supposed to create a page that the user enters a age and it returns the result of the ticket prices.

Under age 5 entry is free Between ages 5 and 12 (inclusive) a child’s ticket costs $5.00 Older than 12 an adult ticket costs $9.00

Here's my code:

function myFunction() {
    var age; 
    var older;
    var young;
    
    age = document.getElementById("age").value;
    
    
    older = (age >= 13) ? "$9":"$5";
    
    document.getElementById("demo").innerHTML = older + " movie";
}

<body>

<p>Input your age and click the button:</p>

<input id="age" />

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>
<p> Under age 5 entry is free

Between ages 5 and 12 (inclusive) a childís ticket costs $5.00

Older than 12 an adult ticket costs $9.00 </p>
<body>

What is wrong with it?

steliosbl
– steliosbl

2017-09-30 15:18:12 +00:00
Commented Sep 30, 2017 at 15:18 — steliosbl
– steliosbl, Commented Sep 30, 2017 at 15:18
And what's the issure?

Lixus
– Lixus

2017-09-30 15:18:13 +00:00
Commented Sep 30, 2017 at 15:18 — Lixus
– Lixus, Commented Sep 30, 2017 at 15:18
@stybl The "free" option is not evaluated

guest271314
– guest271314

2017-09-30 15:22:37 +00:00
Commented Sep 30, 2017 at 15:22 — guest271314
– guest271314, Commented Sep 30, 2017 at 15:22

guest271314 · Accepted Answer · 2017-09-30 15:20:22Z

3

You can add check for age < 5 at beginning of conditional operator

function myFunction() {
    var age; 
    var older;
    var young;
    
    age = document.getElementById("age").value;       
    
    older = age < 5 ? "free" : (age >= 13) ? "$9" : "$5";
    
    document.getElementById("demo").innerHTML = older + " movie";
}

<body>

<p>Input your age and click the button:</p>

<input id="age" />

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>
<p> Under age 5 entry is free

Between ages 5 and 12 (inclusive) a childís ticket costs $5.00

Older than 12 an adult ticket costs $9.00 </p>
<body>

answered Sep 30, 2017 at 15:20

guest271314

1

Sign up to request clarification or add additional context in comments.

1 Comment

Arthur Over a year ago

To be more understandable (with multiple tests and conditional operator, I allway add some () for each condition and for child conditional operation: older = (age < 5) ? "Free" : ((age >= 13) ? "$9" : "$5")

steliosbl · Accepted Answer · 2017-09-30 15:30:00Z

0

You can very easily achieve what you want by chaining ifs:

function myFunction() {
    var age = document.getElementById("age").value;
    var price;

    if (age >= 13) {
        price = "$9";
    }
    else if (age >= 5) {
        price = "$5";
    }
    else {
        price = "Free";
    }

    document.getElementById("demo").innerHTML = price + " movie";
}

Or, if you really, really want to use shorthand:

function myFunction() {
    var age = document.getElementById("age").value;
    var price = (age >= 13) ? "$9" : ((age < 5) ? "Free" : "$5");

    document.getElementById("demo").innerHTML = price + " movie";
}

The parentheses are optional. I've only included them to make it clear what is going on.

edited Sep 30, 2017 at 15:30

answered Sep 30, 2017 at 15:22

steliosbl

8,9275 gold badges33 silver badges57 bronze badges

2 Comments

Arthur Over a year ago

You have to switch the 5$ price with the Free result on the first example

steliosbl Over a year ago

Whoops. Edited my answer.

Collectives™ on Stack Overflow

javascript conditional operator issue

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related