如何使用document.write()与文件而不仅仅是文本?

Question

我正在使用socket。创造一个类似于纸牌对抗人类的派对游戏。我只是想知道如何保留玩家的名字和分数等，而不必在新游戏开始时将所有数据发送到新页面。我想只是改变html的主体，但留在同一个页面上，所以javascript不会重置，我仍然可以访问所有的球员信息。

我遇到使用document.write()，但这似乎只接受字符串参数。有没有一种方法可以做到这样的事情document.write(game.html).

关于如何做到这一点，也许是一个更好的方式来传递javascript文件之间的信息，而不必张贴数据每次新页面加载?我试过用post发送数据，但是它使保持一切一致变得更加困难。

p。这是我第一次正确地用node.js, socket做任何事情。Io, javascript等。所以我可能会问一个愚蠢的问题。

Answer 1

从事件侦听器获得socket.io数据后，可以使用querySelector()或任何其他DOM操作方法在DOM中显示数据。像这样的?

HTML

<div id="panel"></div>

JS

const socket = io("ws://localhost:3000" )
const panel = document.querySelector("#panel")
// receive a message from the server
socket.on( "hello", (arg) => {
panel.innerText = arg
});