DEV Community

Cover image for Day 85/100 Ternary Operator
Rio Cantre
Rio Cantre

Posted on • Updated on • Originally published at dev.to

Day 85/100 Ternary Operator

There are endless possibilities if one would try to do great to achieve a particular goal and put tons of trial and error to the test.

banner

We can use a ternary operator to perform this same functionality:

isNightTime ? console.log('Turn on the lights!') : console.log('Turn off the lights!');
Enter fullscreen mode Exit fullscreen mode

In the example above:

  • The condition, isNightTime, is provided before the ?.
  • Two expressions follow the ? and are separated by a colon :.
  • If the condition evaluates to true, the first expression executes.
  • If the condition evaluates to false, the second expression executes.

Code Snippets

let userName = 'Teddy';

if(userName) {
  console.log('Hello There!');
}

let userQuestion = 'Why is the sky blue?';
console.log(`${userName}, I have a question for you. ${userQuestion}`);

let randomNumber = Math.floor(Math.random() * 8);
// console.log(randomNumber);

let eightBall = '';
eightBall = randomNumber;

switch (eightBall) {
  case 8:
    console.log('It is certain');
    break;
  case 7:
    console.log('It is decidedly so');
    break;
  case 6:
    console.log('Reply hazy try again');
    break;
  case 5:
    console.log('Cannot predict now');
    break;
  case 4:
    console.log('Do not count on it');
    break;
  case 3:
    console.log('My sources say no');
    break;
  case 2:
    console.log('Outlook not so good');
    break;
  case 1:
    console.log('Signs point to yes');
    break;
  default:
    console.log(eightBall);
    break;
}

console.log(eightBall);
Enter fullscreen mode Exit fullscreen mode

a11y myths

Accessibility is only about adding alternative text to images

In fact, missing alternative text for images is one of the biggest accessibility issues. But besides this, there are many things to be considered while making accessible website - headline structure, functional controls, color contrast and much more.

resource

Discussion (0)