How to include JS objects in HTML [duplicate]

Question

I have this code from my JS File:

var formStr = "<h5>How many books?:</h5><input type='number' id='bookinput'
value='' /><input type='button' value='submit' onclick='addbook();' />"
infowindow = new google.maps.InfoWindow();
infowindow.setContent(formStr);
infowindow.setPosition(location);
infowindow.open(map);

JS variable formStr has html code as you can see above. I want to be able to put JS variables into this without moving the HTML out of my JS file. Something like:

var objectType='book';
var formStr = "<h5>How many *objectType*?:</h5><input type='number' id='bookinput' value='' /><input type='button' value='submit' onclick='addbook();' />"

Daniel Beck · Accepted Answer · 2017-05-31 15:34:38Z

1

Just concatenate. var formStr = "<h5>How many " + objectType + "?:</h5>" and so on.

answered May 31, 2017 at 15:34

Daniel Beck

21.7k5 gold badges43 silver badges61 bronze badges

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

Comments

hallleron · Accepted Answer · 2017-05-31 15:34:49Z

1

This is simple. Using your example:

var objectType='book';
var formStr = "<h5>How many " + objectType + "?:</h5><input type='number' id='bookinput' value='' /><input type='button' value='submit' onclick='addbook();' />"

answered May 31, 2017 at 15:34

hallleron

1,9823 gold badges15 silver badges21 bronze badges

Comments

Jeremy Thille · Accepted Answer · 2017-05-31 15:38:35Z

1

--> Replace :

formStr.replace("*objectType*", "books")

--> ES5 concatenation : see other answers

--> ES6 string interpolation :

let formStr = `<h5>How many ${objectType}?:</h5>`

answered May 31, 2017 at 15:38

Jeremy Thille

26.4k12 gold badges48 silver badges64 bronze badges

Collectives™ on Stack Overflow

How to include JS objects in HTML [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related