Look at the definition of a function that returns the absolute value of the passed number:

const abs = (number) => {
  if (number >= 0) {
    return number;
  }

  return -number;
};

abs(10); // 10
abs(-10); // 10

Can we write it more concisely? Something like return <answer depending on the condition>? For this, there must be an expression to the right of return, but if is a statement, not an expression.

In JavaScript there is a construct that behaves like the if-else construct but is itself an expression. It is called the ternary operator.

The ternary operator is the only operator of its kind that requires three operands:

const abs = (number) => {
  return number >= 0 ? number : -number;
};

The general pattern looks like this: <predicate> ? <expression on true> : <expression on false>.

The shortened version of the abs() function looks like this:

const abs = (number) => (number >= 0 ? number : -number);

Pay attention to the parentheses around the ternary. They are not required, but the linter strongly recommends using them to avoid ambiguities.

Let's rewrite the initial version of getTypeOfSentence() in the same way:

Before:

const getTypeOfSentence = (sentence) => {
  const lastChar = sentence.slice(-1);

  if (lastChar === '?') {
      return 'question';
  }

  return 'normal';
};

After:

const getTypeOfSentence = (sentence) => {
  const lastChar = sentence.slice(-1);

  return (lastChar === '?') ? 'question' : 'normal';
};

getTypeOfSentence('Hodor');  // normal
getTypeOfSentence('Hodor?'); // question

If you remember the power of expressions, you have probably already guessed that a ternary operator can be nested inside another ternary operator. Don't do this :) Such code is hard to both read and debug, and it is very bad practice.

A button in the application works as a toggle: each press switches the state to the opposite one. Implement the function flipFlop(str): if the string equals 'flip', return 'flop'; otherwise return 'flip'.

flipFlop('flip'); // => 'flop'
flipFlop('flop'); // => 'flip'

Use the ternary operator.