JavaScript Variable inside a String

Question

i've just started learning JavaScript and came across a little problem.

var id;
function replay(id){
    document.getElementById(id).innerHTML='<form action="./replay.php?uid= method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>';  
}

i'm trying to add the variable "id" after but can't figure out the syntax

<form action="./replay.php?uid=

nnnnnn · Accepted Answer · 2013-12-16 10:04:46Z

2

Like this:

document.getElementById(id).innerHTML='<form action="./replay.php?uid=' + id + '" method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>';

Essentially you want:

something = 'string literal' + variableName + 'another string literal';

edited Dec 16, 2013 at 10:04

answered Dec 16, 2013 at 9:56

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

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

Comments

Tibos · Accepted Answer · 2013-12-16 10:00:48Z

A string is a sequence of characters basically. One very useful thing you can do with strings is concatenate (join) them using the + operator:

var longString = 'This is ' + 'a long' + ' string'; // "This is a long string"

The easiest way to insert something in the middle of a string is to concatenate the begining of the string, your something and the end of the string:

var mySomething = 'a long';

var longString = 'This is ' + mySomething + ' string'; // "This is a long string"

You can do the same for your id:

var id;
function replay(id){
    document.getElementById(id).innerHTML='<form action="./replay.php?uid=' + id + '" method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>';  
}

Resulting HTML prettyfied(for id = 123):

<form action="./replay.php?uid=123" method="get">
  <hr>
  <input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;">
</form>

Notice how i also added the closing quotes after the id!

score 0 · Accepted Answer · 2013-12-16 10:58:33Z

0

//var id;
// using id for example 12
var id = 12;
function replay(id){
    document.getElementById(id).innerHTML='<form action="./replay.php?uid=' + id + ' method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>';  
}

edited Dec 16, 2013 at 10:58

answered Dec 16, 2013 at 9:58

user3106724

3 Comments

nnnnnn Over a year ago

Won't that give ReferenceError: $ is not defined? Or an error about the missing closing )?

Tibos Over a year ago

In other words, "Unless a tag for a framework/library is also included, a pure JavaScript answer is expected."

user3106724 Over a year ago

$(document).ready(function() { replay(id); } is just for fireing the function in Jquery Forgot Javascript was asked and not Jquery just delete the last 3 lines

Collectives™ on Stack Overflow

JavaScript Variable inside a String

3 Answers 3

Comments

Comments

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Related