Question

我想使用JavaScript和jQuery动态创建一个按钮。

下面的代码是测验的最后一个部分，当测验完成时，它会给出结果和状态。我希望在此期间使用JS动态创建一个按钮，将用户带回主页（index.html）。

非常感谢任何帮助。

id

Answer 1

试试这个：就像你要添加html一样，只需添加锚标签/按钮

function displayFinalSlide(){

    $(stage).append('<div class="questionText">You have finished the quiz!<br><br>Total questions: '+numberOfQuestions+'<br>Correct answers: '+score+'</div><a href="index.html">Index Page</a>'); // here in href you can give the path where you want to redirect to

}

Answer 2

您可以创建一个隐藏按钮，让您返回主页：

<button id="finalButton" style="visibility:hidden">Go back</button>

然后在上面的函数“displayFinalSlide（）”中：

$('#finalButton').show();

我省略了按钮点击的jquery以返回主站点。

Answer 3

您可以在代码中替换以下代码

function displayFinalSlide(){
$(stage).append('<div class="questionText">You have finished the quiz!<br>   <br>Total questions: '+numberOfQuestions+'<br>Correct answers: '+score+'</div>
<br/><button type="button" id="goback"> Home </button> '); } }); $("#goback").on("click",function(){window.location.assign('index.html');})

Javascript - 动态创建按钮

3 个答案: