CODEWITHSUNDEEP
javascriptjquery
Isaac Bassey
Isaac Bassey

Reputation: 51

Missing before statement

I have the following piece of code that I would like to style:

var dateString = val.date; // this display my blog post date e.g. "2013-09-02 15:04:50"
var split = dateString.split(' ');

output += '<div class="postxt">' (split[0] +" at "+ split[1]) '</div>';

How can I add a span or a div for both split0 & split1

Thanks

Upvotes: 1

Views: 111

Answers (2)

Barmar
Barmar

Reputation: 780974

Just add the SPAN to the HTML, the same way you do the DIV.

output += '<div class="postxt"><span class="date">' + split[0] + 
          '</span> at <span class="time">' + split[1] + '</span></div>';

You also need to use + to concatenate the HTML elements with the variables.

Upvotes: 1

tmh
tmh

Reputation: 1445

Your braces should be pluses in the last line:

output += '<div class="postxt">' + split[0] + " at " + split[1] + '</div>';

Note that you can leave the braces in, but they are neither required nor do they make any differences when concatenating strings:

output += '<div class="postxt">' + (split[0] + " at " + split[1]) + '</div>';

Add whatever divs, spans, style classes you want:

output += '<div class="postxt"><span class="foo">' + split[0] + "</span> at <span class="bar">" + split[1] + '</span></div>';

The error "Missing ... before statement" you got was only on the JavaScript level, it has nothing to do with adding further HTML elements.

Upvotes: 0

Related Questions