是否可以使用 for 循环来使用按钮显示值？

乔法瑞尔62

您好，这是我目前的代码。我希望能够显示“您已选择”，然后显示您按下选秀按钮的球员的姓名，但是当按下按钮时，它会显示您选择了“未定义”。有没有人可以帮忙，非常感谢

var players=["Patrick Mahomes",
"Tyreek Hill",
"Travis Kelce",
"Chris Jones",
"Tom Brady"];
len=players.length;
for (var i=1;
i < len;
i++) {
  document.getElementById("draft").innerHTML+=players[i]+"<button type=\"button\" onclick=\"draft()\">Draft</button><br>"
}

function draft() {
  document.getElementById("demo").innerHTML+="You have selected"+players[i]+"<br>";
  players.splice(players[i]);
}

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

大卫

问题是您在调用时没有指定索引draft。您必须使用当前索引调用它。我修改了您的代码以使其正常工作。应该很容易理解。我也改变了你的var，let因为它是在 javascript 中更好的实践

<script>
    let players = ["Patrick Mahomes", "Tyreek Hill", "Travis Kelce", "Chris Jones", "Tom Brady"];
    let len = players.length;
    for (let i = 0; i < len; i++) {
        document.getElementById("draft").innerHTML += players[i] + "<button type='button' onclick='draft("+i+")'>Draft</button><br>"
    }

    function draft(player) {
        document.getElementById("demo").innerHTML += "You have selected " + players[player] + "<br>";
        players.splice(players[player]);
    }
</script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。