为什么此代码卡住了并且不起作用（javascript）

Question

这个简单的代码使我发疯。 它不适用于任何浏览器或JSFiddle。 该页面无法响应，并被卡住。

HTML：

<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
    <p>
    First number:<br>
        <input type="number" id="fir">
        <br>
    Second number:<br>        
        <input type="number" id="sec">
        <br>
    Increment:<br>        
        <input type="number" id="inc">
        <br>        
    </p>
        <button id="btn">Click</button>
    </body>
</html>

JS：

document.getElementById("btn").addEventListener("click", me);


var first = document.getElementById("fir");
var f = first.value;
var second = document.getElementById("sec");
var s = second.value;
var inc = document.getElementById("inc");
var ic = inc.value;

var str = "";

function me(){
    for(var i=f; i<=s; i=i+ic){

        str+=i;

    }
return document.write(str);}

它总是崩溃

编辑： JSlint说没有错误

Answer 1

如果在事件处理程序外部调用initialize'f = first.value'，则不会为f分配任何值，因为代码是在加载页面时执行的，而不是在单击Submit按钮之后执行的。 “ s”和“ ic”也是如此。

这应该可以解决问题：

function me(){
    var f = parseInt(first.value);
    var s = parseInt(second.value);
    var ic = parseInt(inc.value);
    for(var i = f; i <= s; i = i + parseInt(inc.value)) {
        str += i;
    }
    return document.write(str);
}

为什么此代码卡住了并且不起作用（javascript）

问题描述

1 个解决方案

解决方案1
1 已采纳 2018-03-03 12:31:56

为什么此代码卡住了并且不起作用（javascript）

问题描述

1 个解决方案

解决方案1 1 已采纳 2018-03-03 12:31:56

解决方案1
1 已采纳 2018-03-03 12:31:56