Let's fix this bug together 🥲

Question

I'm trying to be checked a box when
${element.completed} has true value and unchecked when it has false value. One more thing is that I'm using API to show content on webpage so that I'm using javascript for that. hope you get my point......

https://www.sololearn.com/post/1690845/?ref=app

Answer 1

Davinder Kumar
You were on the right track just need to put checked inside of the brackets and use && operator
<td><input type='checkbox' ${element.completed && "checked"}></td>

Answer 2

Davinder Kumar

var checked = ''

if (element.completed) {
checked = 'checked';
}

<input type = 'checkbox' ${checked} />

Answer 3

Thanks you A͢J Ipang ODLNT your logic works well.

Answer 4

Your ternary operation has no `else` block, but then again, adding an `else` block didn't seem to help, except where the ternary condition and its results is moved within the {} guard.

`<td><input type='checkbox' ${element.completed ? 'checked' : ''}/></td>`;