Javascript displaying a var in code

Question

I want the value of some vars to be shown in the string.

 function test()
 {
 var first = document.getElementById('first').value; //value ==hello
 var second = document.getElementById("second").value; //value == bye
 var third = document.getElementById("third").value;   //value == crazy
 var forth = document.getElementById("forth").value;    // value == night


 var myString = " \
 <script> \
 var firstValue = "\" + first + \""; \
 var secondValue = "\" + second + \""; \
 var thirdValue = "\" +third + \""; \
 var forthValue = "\" +forth + \""; \
 <\/script> ";

I want the string to display:

 <script> 
 var firstValue = " hello "; 
 var secondValue = "  bye "; 
 var thirdValue = " crazy "; 
 var forthValue = " night "; 
 </script> ";

Answer 1

Just use the

`

var string = `<script> 
 var firstValue = " hello "; 
 var secondValue = "  bye "; 
 var thirdValue = " crazy "; 
 var forthValue = " night "; 
 </script> ";`

Answer 2

I think your problem just boils down to wrong escaping in the string, which you should recognise simply by code highlighting:

 var myString = " \
 <script> \
 var firstValue = \"" + first + "\"; \
 var secondValue = \"" + second + "\"; \
 var thirdValue = \"" +third + "\"; \
 var forthValue = \"" +forth + "\"; \
 <\/script> ";

You always escape the characters you want to keep in your string and not those, which have a syntactical meaning in the definition!

Answer 3

To convert any value to string just concatinate value with an empty string like - ""+document.getElementById('1').value

See this fiddle

Answer 4

variables names in javascript can't start with a number.

So change your variable names.

var name1  = document.getElementById('1').value;

should be better.