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?

Answer 1

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>`;