Question on javascript syntax regarding: condition ? :

Question

How can I add multiple lines of code for this? I keep getting an error. This works:

isChecked ?
    console.log('tru'):
    console.log('false')

But when I try to add multiple lines of code, it throws a syntax error of unexpected identifier:

isChecked ?
    console.log('tru')
    console.log('second line'):
    console.log('false')

Is there a way to add multiple lines of code for each conditional? Or do I have to squeeze it all into 1?
Thanks

Jennifer Nordell · Accepted Answer

Hi there, @Cameron Childres (https://teamtreehouse.com/cameronchildres) and @Eric Peppler (https://teamtreehouse.com/eldpeppler). Just adding my two cents though this was a great answer. You can imitate an if/else if/ else using ternaries, but they would need to be nested ternaries. A ternary by itself only contains what happens if it's true, and what happens if it's false. So to mimic it, you would need to put the false part as yet another condition which is a ternary.
Consider the following:
```js
num1 = 15;
num2 = 25;
const getResult = (x) => {
  result = x > 20 ? "more than 20" : x > 10 ? "more than 10" : x >= 0 ? "zero or greater" : "less than 0";
  return result;
}
console.log(getResult(num1));
console.log(getResult(num2));
console.log(getResult(-3));
```
Output:
```bash
more than 10
more than 20
less than 0 
```
However, I think for the sake of clarity I probably wouldn't ever go above one nested ternary. Just my two cents :smiley:
But yes, in short, there is only one statement per section of the ternary and no more. Any more would need to be abstracted out into a function as Cameron pointed out :smiley:
Hope this is useful in some way! :sparkles:

Cameron Childres · Answer

Hey Eric,
I don't believe the ternary operator can handle multiple statements per condition like that. You could pack them in to a function and call that function if you like:
```javascript
function twoLines() {
    console.log('tru');
    console.log('second line');
}
isChecked ? twoLines()
    : console.log('false');
```
Depending on the use though it may be more appropriate to go with an "if-else".

Welcome to the Treehouse Community

Looking to learn something new?

Eric Peppler

Eric Peppler

Question on javascript syntax regarding: condition ? <code if true> : <code if false>

2 Answers

Jennifer Nordell

Jennifer Nordell

Cameron Childres

Cameron Childres

Jennifer Nordell

Jennifer Nordell

Cameron Childres

Cameron Childres

Eric Peppler

Eric Peppler