Adding additional javascript inside javascript-generated HTML

Question

This seems like a simple question, but I don't know the correct syntax to make it work.

I have this code that's used by DataTables to generate a table:

'<td>'+d.expirationDate+'</td>'+
'<td>'+d.dateReceived+'</td>'+

I'd like to add a qualifier onto this that if the date field is not set, to display nothing instead of the word null.

So I tried this:

'<td class="dropInfo">'+
  if (d.debitExpDate !== 'null') {
   d.expirationDate
  } 
+'</td>'+

but I get an error. Uncaught SyntaxError: Unexpected token if

What's the correct syntax for this?

You would have to create the string depending on a condition. Check the condition first then create the string according to the condition result. If you do this often, look into using a formatting library such as Handlebars.js — chRyNaN
– chRyNaN, Commented May 27, 2015 at 19:23

t3dodson · Accepted Answer · 2015-05-27 19:21:38Z

3

use a logical or ||

'<td>'+d.expirationDate+'</td>'+
'<td>' + (d.dateReceived || '') + '</td>'

|| evalutes the first thing on the left. If the left is "truthy" then it uses that value otherwise it uses the second thing.

Since null is not a truthy value in this case it will choose the empty string.

answered May 27, 2015 at 19:21

t3dodson

4,0273 gold badges31 silver badges44 bronze badges

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

1 Comment

Brian Powell Over a year ago

sweet - i love it. Works perfectly!

aorfevre · Accepted Answer · 2015-05-27 19:23:52Z

2

Several solutions are available.

Solution1: One line synthaxe, as pointed out by @Tom DDD (see his post)

'<td>'+d.expirationDate+'</td>'+
'<td>' + (d.dateReceived || '') + '</td>'+

Solution2 : Split the generation of your js with ; and concacenate with +=

var js = '<td class="dropInfo">';
  if (d.debitExpDate !== 'null') {
   js +=d.expirationDate
  } 
js+='</td>'

answered May 27, 2015 at 19:23

aorfevre

5,0744 gold badges23 silver badges54 bronze badges

Comments

Amit · Accepted Answer · 2015-05-27 19:32:34Z

1

The other answers are just fine, but there is another common option:

'<td>'+(d.expirationDate===null ? '' : d.expirationDate)+'</td>'

The advantage here is that more complex conditions can also be used. for example:

'<td>'+(d.expirationDate>Date.now() ? '' : d.expirationDate)+'</td>'

answered May 27, 2015 at 19:32

Amit

46.4k9 gold badges83 silver badges113 bronze badges

2 Comments

Brian Powell Over a year ago

really nice - the syntax is correct, and the additional Date.now is actually something I wanted to use eventually :)

Amit Over a year ago

@JohnWu - Feel free to change your "correct answer" selection ;-)

Collectives™ on Stack Overflow

Adding additional javascript inside javascript-generated HTML

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related