游戏结束时按钮不出现

Question

I want a restart a game after it ends with a button, but I don't want it to appear until you crash.

I have tried this code:

if (myGamePiece.crashWith(myObstacles[i])) {
            myGameArea.stop;
            var button = document.createElement("button");
            button.innerHTML = "Restart";
            var body = document.getElementByTagName("body")[0];
            body.appendChild(button);
            return;
        }

The button does not appear. Can you help me fix this? Update: I have tried making the button be hidden and then not, but that doesn't work. I have tried doing it the way that someone (sorry) suggested and that created and infinite number of buttons.

Answer 1

It does not appear because there is a little error in your script.

 var body = document.getElementByTagName("body")[0];

should be

 var body = document.getElementsByTagName("body")[0];

As a side note, if you want to append a dynamically created html element to the body it's sufficient to write:

document.body.appendChild(button);