javascript中奇怪的循环行为

我确信这是非常基本的,但我很困惑.

如果我在浏览器中调用以下函数：

function bar(){
    var userInput=prompt("Enter a number between 1 and 20");
    if(userInput>=1 && userInput<=20){          
        var x=Number(userInput)+15;
        for(var i=0;i<x;i++){
            console.log("<br> blah. x=" + x );               //line1
            //console.log("<br> blah. x=" + x + " i=" + i ); //line2            
        }
    } else {
        console.log("Invalid number; please try again");
    }
}

并提供(比如)值5,我意外得到以下一行输出：

<br> blah. x=20

但是,如果我提供相同的值,但注释掉第一行并取消注释第二行,我得到以下(预期)输出：

<br> blah. x=20 i=0
<br> blah. x=20 i=1
<br> blah. x=20 i=2
<br> blah. x=20 i=3
<br> blah. x=20 i=4
<br> blah. x=20 i=5
<br> blah. x=20 i=6
<br> blah. x=20 i=7
<br> blah. x=20 i=8
<br> blah. x=20 i=9
<br> blah. x=20 i=10
<br> blah. x=20 i=11
<br> blah. x=20 i=12
<br> blah. x=20 i=13
<br> blah. x=20 i=14
<br> blah. x=20 i=15
<br> blah. x=20 i=16
<br> blah. x=20 i=17
<br> blah. x=20 i=18
<br> blah. x=20 i=19

为什么是这样？显然有一个原因.
提前致谢.

解决方法

如果我理解正确,控制台会告诉你：

这意味着,同一行重复20次.看前面的20号码？这种方式更容易理解,因此控制台会将所有相似或相同的响应分组,并在左侧显示数字.