document.write javascript黑杰克游戏

目前，我正在尝试使用javascript制作一个black jack游戏

到目前为止，我有庄家卡和玩家卡。当玩家决定获得另一张牌时，问题就会出现。似乎document.write在将字符串写入网页时迟到了

    while (totalP < 21)
        {
            r = confirm("Hit?");
            if (r==true)
            {
                document.write("<center><br>You chose to hit. </center>");
                p[counter] = deck[Math.floor(Math.random() * deck.length)];
                document.write("<center><br>" + x + "'s next card: " + p[counter] + "</center>");
                totalP = total(p, totalP);
                if (totalP > 21)
                {
                    for (var i=0; i<p.length; i++)
                    {
                        value = p[i].substring(0,p[i].length-1);
                        if (value == "A")
                        {
                            totalP = totalP - 10;
                            break;
                        }
                        else if (i == p.length - 1)
                        {
                            document.write("<center><br>You busted. Total = " + totalP + " > 21. Dealer Wins!</center>");
                            break;
                        }
                    }
                }
            }

while（总p<21）
{
r=确认（“命中？”）；
如果（r==true）
{
写（“
您选择了点击。”）；
p[counter]=deck[Math.floor（Math.random（）*deck.length）]；
文档。写（“
”+x+”）的下一张卡片：“+p[计数器]+”）；
totalP=总计（p，totalP）；
如果（总P>21）
{
对于（var i=0；i不要使用document.write。正如您所看到的，它完全替换了文档的内容

相反，您应该创建一个包含一些HTML元素的HTML文档，您可以在其中放置文本

您可以根据其id属性选择HTML节点。当您有如下HTML节点时：

<div id="myDiv"></div>

var newDiv = document.createElement("div");
newDiv.innerHTML = "I am a newly created div!";
var oldDiv = document.getElementById("myDiv");
oldDiv.appendChild(newDiv);

<div id="myDiv">Hello World!<div>I am a newly created div!</div></div>

访问Javascript代码中的div。然后可以使用

div.innerHTML = "Hello World!";

要更改该div的文本，还可以创建新的HTML元素，如下所示：

<div id="myDiv"></div>

var newDiv = document.createElement("div");
newDiv.innerHTML = "I am a newly created div!";
var oldDiv = document.getElementById("myDiv");
oldDiv.appendChild(newDiv);

<div id="myDiv">Hello World!<div>I am a newly created div!</div></div>

之后，您的HTML文档将如下所示：

<div id="myDiv"></div>

var newDiv = document.createElement("div");
newDiv.innerHTML = "I am a newly created div!";
var oldDiv = document.getElementById("myDiv");
oldDiv.appendChild(newDiv);

<div id="myDiv">Hello World!<div>I am a newly created div!</div></div>

你好，世界！我是一个新创建的div！
文档。write
应该被禁止存在，因为它的名字意味着它在文档最初加载后使用时会完全覆盖文档。你一定是偶然发现了一些90年代中期遗留下来的教程。
文档。write
由于很多原因已经过时，
innerHTML
替代了ative已经存在了很长一段时间。关于
文档，只有一件事需要记住。写
：除非你确切知道自己在做什么，否则不要使用它（在这种情况下，你很可能无论如何都不想使用它）。谢谢。我还有一个问题，如果我想提示用户是否想再次玩游戏，我该怎么做。最好的方法是什么，这样我可以删除以前的游戏并开始一个新的游戏？@leggo如果你有其他问题，请创建一个新的问题。