Question

我正在尝试创建一个界面，让两个玩家可以在开始游戏之前提交他们的名字。 html代码是：

<div id="name-submit">

    <div id="name-submit-text">
        <p>
            Hello! Before you start playing, enter you names:
        </p>
    </div>

            <!--Review the whole name submission thing... Not working...-->

    <div id="p1-name-submit">
        <input id="p1-name-input">
    </div>

    <div id="name-submit-separation">
    </div>

    <div id="p2-name-submit">
        <input id="p2-name-input">
    </div>

    <button id="name-submit-button" onclick="hideNameSubmit()">Go!</button>

</div>

然后JS是：

var player1 = new Object();
  player1.name = "-";

var player2 = new Object();
  player2.name = "-";

function hideNameSubmit() {
var nameSubmitDiv = document.getElementById("name-submit");

player1.name = document.getElementById("p1-name-input").value;
player2.name = document.getElementById("p2-name-input").value;

nameSubmitDiv.style.display = 'none';
};

当我点击Go！按钮，div应该消失，但变量不会在页面上更新。我不知道是什么导致了这一点（我在页面上也有“p1-name和”p2-name“元素，它们使用getElementById方法链接到脚本）... 有没有人有想法？如果您需要查看更多我的代码，请告诉我。感谢。

通过html输入分配Javascript var值

0 个答案: