Question 205561 in Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – Condition in class

I am working on a project of automating sending emails based on html template from google sheet data using Appscript.

Below code worked for me

<td class="<?= r1 == "No" ? 'red-bg' : 'green-bg' ?>"><?= r1 ?></td>

I want to add another color parameter. If r1 is equal to "Partial" turn to amber color.

Appreciate your help

Tags:

2

Answers


  1. 0

    I’m not sure if you can chain the conditional but you could try this:

    <td class="<?= r1 == "No" ? 'red-bg' : r1 == "Partial" ? 'amber' : 'green-bg' ?>"

    Login or Signup to reply.
  2. 0

    The ?: operator is called the ternary operator. You can nest them but it is not very clear. For example:

    <td class="<?=
  r1 == "No" ? 'red-bg' :
  r1 == "Partial" ? 'amber-bg' :
 'green-bg'
?>"><?= r1 ?></td>

    Otherwise, you can extract this logic to a function

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search