Append var to div

Question

I made a Roulette game, but now I´m struggeling to use an int in the Append method. I want to use the var number as the paragraph of the appended div. Thanks in advance!

if (Red == true) {

  Red = false;
  var randnum = Math.floor((Math.random() * 4) + 1);
  var number;
  switch (randnum) {
    case 1:
      number = 1;
      break;
    case 2:
      number = 3;
      break;
    case 3:
      number = 5;
      break;
    case 4:
      number = 7;
      break;

  }


$("#WheelList").append("<li><div class='red'><center>'number'</center></div></li>");

duplicate: http://stackoverflow.com/questions/5922647/how-do-i-combine-2-javascript-variables-into-a-string first search stackoverflow then ask — Arun Sharma, Jan 15 '17 at 13:20

score 1 · Answer 1 · answered Jan 15 '17 at 10:16

1

Simply concatenate the number with string using + symbol.

$("#WheelList").append("<li><div class='red'><center>" + number + "</center></div></li>"); 
//                                          ---------^^^^^----^^^^^^----

answered Jan 15 '17 at 10:16

Pranav C Balan

113,687
23
165
188

score 1 · Answer 2 · answered Jan 15 '17 at 10:16

1

It's easy as this:

$("#WheelList").append("<li><div class='red'><center>" + number + "</center></div></li>");

answered Jan 15 '17 at 10:16

Nordine

824
7
25

Thanks for the fast answer! – kon Jan 15 '17 at 10:20

score 0 · Accepted Answer · answered Jan 15 '17 at 10:17

Like this.In javascript + operator is used for concatenation.

if (Red == true) {

  Red = false;
  var randnum = Math.floor((Math.random() * 4) + 1);
  var number;
  switch (randnum) {
    case 1:
      number = 1;
      break;
    case 2:
      number = 3;
      break;
    case 3:
      number = 5;
      break;
    case 4:
      number = 7;
      break;

  }


$("#WheelList").append("<li><div class='red'><center>"+number+"</center></div></li>");

Append var to div

3 Answers3