Javascript var in string

Question

So I have this code and would like to know how I could go ahead to put my javascript var into this string. I cannot seem to make a working code for myself.

For the image source i want picture.value to be in there. I have tried different solutions but have not managed to work it out myself. All help is greatly appreciated

 var text = "<img src="">

I have currently been trying var text = "<img src=" + picture.value +"> but that doesn't seem to work for me.

What's the PHP? Maybe var text = '<img src="' + picture.value + '">'; — chris85
– chris85, Commented Mar 26, 2017 at 23:02

user7633250 · Accepted Answer · 2017-03-26 23:41:27Z

3

You cannot use " & ' this together unless you escape it with a \.

 var text = '<img src="' + picture.value + '">'

OR

 var text = "<img src=\"" + "Hi" + "\">"

answered Mar 26, 2017 at 23:41

user7633250

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

Comments

Mamun · Accepted Answer · 2018-08-12 04:10:32Z

3

Try using ES6 new feature called Template literals (using quote). It is more cleaner and simpler.

var picture = {'value':'test-src-location'};
var text = `<img src="${ picture.value }">`;
console.log(text);

edited Aug 12, 2018 at 4:10

answered Mar 27, 2017 at 0:53

Mamun

69k9 gold badges51 silver badges62 bronze badges

Comments

AZee · Accepted Answer · 2017-03-26 23:16:10Z

0

Assuming your picture.value is not empty.

var text = '<img src=' + picture.value + '>';

Example: https://jsfiddle.net/no293etL/

answered Mar 26, 2017 at 23:16

AZee

5201 gold badge6 silver badges24 bronze badges

1 Comment

Christoph Over a year ago

This "kind of" works, but usually it's recommended to quote the attribute values.

Collectives™ on Stack Overflow

Javascript var in string

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related