How to add whitespace in javascript? [duplicate]

Question

I have the codes below:

    var viewModel = kendo.observable({ SampleData: @Html.Raw(Json.Encode(Model))});
    var genRange = "       ";
    var genStan;

    $.each(viewModel.SampleData, function(idx, obj){ 
        $.each(obj, function(key, value) {
            if(key.toString() === "GenabRange") { genRange = value; }
            if(key.toString() === "GenabStanine") { genStan = value; }
        });

        var obj = {
            GenReasoning: genRange + "        " + genStan
        };

        stud.push(obj);

    });

The whitespaces I've added "GenReasoning: genRange + " " + genStan" doesn't work. What is the problem?

Can anyone help me with this?

Example results:

    GenabRange = Cat
    GenabStanine = Foo

    Output
       GenReasoning = Cat Foo

    Expected Output
       GenReasoning = Cat        Foo

Thanks

Please define "doesn't work". What are you getting, and what are you expecting to get? — Amadan
– Amadan, Commented Aug 28, 2014 at 1:56
Are you putting the contents of obj.GenReasoning into the HTML DOM? — Zaenille
– Zaenille, Commented Aug 28, 2014 at 1:57
@MarkGabriel good point, in which case the answer below won't work. I would suggest unicode — Max
– Max, Commented Aug 28, 2014 at 1:59

jondinham · Accepted Answer · 2014-08-28 01:57:43Z

1

Use this code:

var genRange = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";

and this code:

var obj = {
    GenReasoning:genRange+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+genStan
};

Notes:

&nbsp; means 'non-breakable space',
browsers will render this as exactly 1 space
instead of combining them

answered Aug 28, 2014 at 1:57

jondinham

8,53719 gold badges87 silver badges139 bronze badges

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

4 Comments

Max Over a year ago

This question was answered before, why not just redirect him?

Zaenille Over a year ago

It might be better if you explained to him what   is rather than just spoonfeeding him the correct code. :D

jondinham Over a year ago

@MarkGabriel, added explanation, not just 'spoonfeeding' anymore, :)

RJ Uy Over a year ago

Tried this one but it doesn't work

Collectives™ on Stack Overflow

How to add whitespace in javascript? [duplicate]

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related