How can I add condition in string javascript?

Question

My javascript code like this :

var res =  `<td>
                if(product.photo == photo.name)
                <div class="box-check">
                    <span class="fa fa-check"></span>
                </div>
            </td>`;

I try like that. But seems it's wrong

How can I do it?

Jaromanda X · Accepted Answer · 2017-06-19 03:17:14Z

4

simplest (easiest) change I can think of is as follows:

var inner = product.photo == photo.name ? `<div class="box-check">
       <span class="fa fa-check"></span>
    </div>` : '';
var res =  `<td>${inner}</td>`;

alternatively

var res = `<td>${product.photo == photo.name?'<div class="box-check"><span class="fa fa-check"></span></div>':''}</td>`;

~~but you can NOT (easily) make the <div><span etc multiline in this case~~

I didn't try hard enough - nested template literals FTW :p

var res = `<td>${product.photo == photo.name?`<div class="box-check">
    <span class="fa fa-check"></span>
</div>`:''}</td>`;

edited Jun 19, 2017 at 3:17

answered Jun 19, 2017 at 2:49

Jaromanda X

57.1k6 gold badges82 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

nnnnnn Over a year ago

"but you can NOT (easily) make the <div><span etc multiline in this case" - Why not? You can nest template literals inside ${...}. Or you could say `<td>` + ternary + `</td>` (with or without line breaks).

Jaromanda X Over a year ago

I could've sworn I did try nested templates - clearly a typo when I tried :p

samuel toh Over a year ago

@Jaromanda X, Seems you can help me. Look at this : stackoverflow.com/questions/44665670/…

Collectives™ on Stack Overflow

How can I add condition in string javascript?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related