Учебное пособие или краткое руководство по работе с числами и строками внутри циклов

Question

Я получаю неожиданные результаты с кодом ниже:

function myFunction() {
    var text = "something";
    var i;
    for (i = 0; i < 5; i++) {
        text += "The number is " + i + "<br>";
    }
    document.getElementById("demo").innerHTML = text;
}

<p>Click the button to loop through a block of code five times.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

Результат:

somethingThe number is 0
The number is 1
The number is 2
The number is 3
The number is 4

Почему бы мне не получить результат ниже?

somethingThe number is 0
somethingThe number is 1
somethingThe number is 2
somethingThe number is 3
somethingThe number is 4

Answer 1

Ну, все просто: вы начинаете с "something", а затем добавляете "The number is " + i + "<br>" на каждом шаге;Вы больше не добавляете "something".Чтобы получить результат, который вы описали, вы должны начать с "" (пустая строка) и добавить "something" + "The number is " + i + "<br>" в свой цикл, довольно просто:

function myFunction() {
    var text = "";
    for (var i = 0; i < 5; i++) {
        text += "something" + "The number is " + i + "<br>";
    }
    document.getElementById("demo").innerHTML = text;
}

<p>Click the button to loop through a block of code five times.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>