ternary-operator

ternary operator is a shortcut for an 'if/else statement'.

It takes 3 opperands:

1. a condition with ?

2. expression if True

3. expression if False

Enter your age:

+18: result

condition ? doIfTrue : doIfFalse;

simple function with ternary operator:


const inputAge = document.getElementById("inputAge");
const buttonAge = document.getElementById("buttonAge");
const p1 = document.getElementById("p1");

buttonAge.onclick = function () {
  age = inputAge.value;
  adult = checkAge(age);
  p1.innerHTML = "+18:  " + "" + adult + "";
};

function checkAge(age) {
  return age >= 18 ? true : false;
}

same function achieved using if/else statement (more code):


function checkAge(age) {
  if (age >= 18) {
    return true;
  } else {
    return false;
  }
}

buttonAge.onclick = function () {
  age = inputAge.value;
  adult = checkAge(age);
  console.log("+18: : " + "" + adult + "");
};