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.

• chris85: What's the PHP? Maybe var text = '<img src="' + picture.value + '">';
• Paolo: var text = '<img src=" ' + picture.value + ' " />" '

Answer 1

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

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

OR

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

Answer 2

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

Answer 3

Assuming your picture.value is not empty.

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

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

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