DEV Community

Cover image for Javascript Ternary Operator
Tobi Ajibade
Tobi Ajibade

Posted on

2 1

Javascript Ternary Operator

Conditional or ternary Operator

A conditional operator assigns a specified value to a variable based on some conditions, i.e it assigns a value to a variable if a condition is true , otherwise assigns an alternate value if condition is false.

Syntax

variable name = (condition) ? value1 : value2;

Practical Example

Let write a script to check how experience a web developer is, depending on their years of experience in the industry

Javascript code


function checkExp() {
var input, output;
input = document.getElementById("expcheck").value;
  output = (input < 2) ? "You're a young developer" : "You're an experienced developer";
document.getElementById("output").innerHTML = output;
}

Enter fullscreen mode Exit fullscreen mode

Below is the snippet in codepen

This is actually my first post. Thanks for reading!

Free to hit me up in the comment section.

[deleted user] image

[Deleted User]

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (0)

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay