为什么无法单击按钮？

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(){}并不是一件坏事。 只是展示我是如何做到的