Question

我想将JavaScript函数的结果打印到HTML / PHP页面中的表中。我尝试使用＆＃34;文件撰写（player1Name）;＆＃34; 但它没有用。所以当我在这个文本字段中输入内容时

我希望将结果打印在此表

中

这是我的Hangman主页中的代码：

   <form id="Player1" class="Player1">
        <input type="text" id="playerOneName"/>
    </form>
    <form id="Player2" class="Player2">
        <input type="text" id="playerTwoName"/>
    </form>
    <button id="Enter" class="Enter" type="button" onclick="navigateToDifficultyForMultiPlayer()">
        <a>Enter</a>
    </button>

这是我的多人游戏页面中的代码：

    <TABLE BORDER="5"    WIDTH="20%"   CELLPADDING="5" CELLSPACING="2" id="Score-Board">
  <TR>
      <caption id="table-title">Score Board</caption>
      </TH>
  </TR>
  <TR ALIGN="CENTER">
      <TH colspan="2"> <script> document.write(player1Name);</script> </TH>
      <TH colspan="2"><script> var player2Name </script></TH>
  </TR>
  <TR ALIGN="CENTER">
      <TH colspan="2">score</TH>
      <TH colspan="2">score</TH>
  </TR>
 </TABLE>

这是我创建的JavaScript代码，用于执行我想要的操作（我认为我做得对）：

function navigateToDifficultyForMultiPlayer() {
    //set player names in session
    setPlayerNames();
    //navigate to DifficultyForMultiPlayer page
    location.href = "DifficultyForMultiPlayer.html";
}

function setPlayerNames() {
    var firstPlayerName = document.getElementById("playerOneName").value;
    var secondPlayerName = document.getElementById("playerTwoName").value;
    console.log(firstPlayerName + " " + secondPlayerName);
    sessionStorage.setItem("Player1Name", firstPlayerName);
    sessionStorage.setItem("Player2Name", secondPlayerName);
}
function getPlayerNames(){
    player1Name = sessionStorage.getItem("Player1Name");
    player2Name = sessionStorage.getItem("Player2Name");
    console.log(player1Name + " " + player2Name);
}

这就是全球范围内的JavaScript：

var player1Name;
var player2Name;

我希望每个人都能理解我想要问的问题。如果我的问题出现问题，请不要犹豫，告诉我。我尽力正确地提出这个问题，FYI English不是我的第一语言

Answer 1

你想要做的就是这个html：

<TR ALIGN="CENTER">
  <TH colspan="2"> <script> document.write(player1Name);</script> </TH>
  <TH colspan="2"><script> var player2Name </script></TH>
</TR>

为您的元素添加ID：

<TH colspan="2" id="player1"> // and remove the script

然后，在你的javascript中，可能在你的getPlayerNames函数中：

document.getElementById("player1").text(player1Name);

然后为播放器2做同样的事情。

Answer 2

您可以为<th>和player1等玩家ID提供player2个标记。然后，在多人游戏页面<body>的末尾，您可以添加<script>标记，其中包含以下内容：

<script>
(function() {
  document.getElementById("player1").innerHTML = player1Name;
  document.getElementById("player2").innerHTML = player2Name;
})();
</script>

document.getElementById抓取您想要的DOM元素，然后.innerHTML更改该标记内的内容。在body标记结束之前将此权限放在正确的位置将确保首先加载html元素，然后再尝试访问它们。

在JavaScript / PHP页面中将JavaScript中的内容打印到表中

2 个答案: