javascript get variable value in <span> in Div

Question

I want to put variable value here, but I don't know the syntax error. How can I use the '' "" .. to put the variable in the below sample ( in ) ?

Leave.innerHTML =  '<div class="popup" onclick="myFunction()"> 
 <span class="popuptext" id="myPopup"> ******Variable Put here****** </span></div>' ;
   }

'<div>' + yourVariable + '</div>' or template literal

StudioTime
– StudioTime

2017-03-24 08:59:49 +00:00
Commented Mar 24, 2017 at 8:59 — StudioTime
– StudioTime, Commented Mar 24, 2017 at 8:59

Kakashi Hatake · Accepted Answer · 2017-03-24 09:03:13Z

1

Try this:

Exit your string from this point and join the value you want to use and rejoin the initial string.

'<div class="popup" onclick="myFunction()"> <span class="popuptext" id="myPopup">'+variable+'</span></div>';

var Leave = document.getElementById("leave");
var variable = "Your variable value goes here";
Leave.innerHTML =  '<div class="popup" onclick="myFunction()"> <span class="popuptext" id="myPopup">'+variable+'</span>   </div>';

console.log(Leave.innerHTML);

<div id="leave">initial code...</div>

answered Mar 24, 2017 at 9:03

Kakashi Hatake

3,0841 gold badge25 silver badges32 bronze badges

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

Comments

joe · Accepted Answer · 2017-03-24 09:01:01Z

0

this should be enough.
var str = '<div class="popup" onclick="myFunction()"> <span class="popuptext" id="myPopup">' + theVarYouWant + '</span> </div>' Leave.innerHTML = str;

answered Mar 24, 2017 at 9:01

joe

1,49915 silver badges23 bronze badges

Collectives™ on Stack Overflow

javascript get variable value in <span> in Div

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related