Question

我有一个单击按钮时执行的功能。单击按钮时无效。单击按钮时，我的所有其他功能都有效。

使用Javascript：

window.onload = function() {
    var button = document.getElementById("test");
    test.onclick = function() {
        var summonerid = document.getElementById("username").value.length;
        function summonerName() {
            if(summonerid = 4){
                alert("Come on");
            }
            else {
                alert("wai");
            }
        }
    }
}

HTML：

<input type="text" name="summoner" id="username" maxlength="16" autocomplete="off" style="font-size: 22pt; font-family: times new roman">
<input type="submit" id="test" style="font-size: 22pt; font-family: times new roman">

Answer 1

逐行更正：

window.onload = function() {
    var button = document.getElementById("test");
    // Typo!
    button.onclick = function() {
        var summonerid = document.getElementById("username").value.length;
        // This was never called
        function summonerName(id) {
            // this assigned 4 to summonerid 
            if(id === 4){
                alert("Come on");
            }
            else {
                alert("wai");
            }
        }
        summonerName(summonerid);
    };

};

Answer 2

嗯，您可以像这样简化代码

HTML：

 <input type="button" id="test" value="Submit" onclick="summonerName()"/>

JS：

function summonerName()
{
  var summonerid = document.getElementById("username").value.length;
  if(summonerid==4)
  {
    //Do what needs to be done
  }
}

希望这有帮助。

功能不会打电话

2 个答案: