为什么无法点击按钮？

Question

为什么当我将按钮和onclick事件放在函数上时，如下面的代码，但无法点击按钮？请解释一下我。这是源代码：

var Stop = function(){
document.getElementById("scoring").innerHTML = "<div style='background-color: black; position: absolute; top: 20%; left: 37%; width: 30%; height: 50%; color: white; font-size: 32px; font-family: Courier;'>" + "YOUR SCORE: " + numberCoin + "<br>" + "<br>" + "<button type='button' width='50%' height='10%' onclick='playinstruction()'>RESTART</button>" + "</div>";
}

Answer 1

当您设置document.location.href时，您将离开该页面。

Answer 2

按钮应该是这样的：

<button style='width: 50%; height :10%;' onclick='playinstruction()'>RESTART</button>

我为完成这项工作做了一些更改： 首先我删除了href。我不确定为什么会这样，但在你决定做正确的事情之前先让按钮工作。 其次，我声明了这个函数而不是调用它：

function stop(){//Do something};
stop();

请注意声明var stop = function(){}并不是一件坏事。只是展示我是如何做到的