Javascript - 動態創建按鈕

我想用JavaScript和jQuery動態創建一個按鈕。Javascript - 動態創建按鈕

下面的代碼是測驗的最後一部分，當測驗完成時，它會給出結果並說明您已完成。我想在這段時間裏使用JS動態地創建一個按鈕，並將用戶帶回到主頁（index.html）。

任何幫助，非常感謝。

function displayFinalSlide(){ 

    $(stage).append('<div class="questionText">You have finished the quiz!<br><br>Total questions: '+numberOfQuestions+'<br>Correct answers: '+score+'</div>'); 

}//display final slide

來源

2015-05-19 DBS

採取猜測將以下代碼！你來了這麼遠！該聲明爲文檔添加了一些HTML。你想添加更多的HTML;你需要標記來添加一個按鈕/錨點。 – Luke

只需添加按鈕的標記。 – Mairaj

試試這個：就像您添加的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 

}

來源

2015-05-19 04:16:02

你可以創建一個不可見的按鈕，讓你回到主頁：

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

然後在函數「displayFinalSlide（）」以上：

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

我已經省略了按鈕的jquery點擊返回到主站點。

來源

2015-05-19 04:26:55 Jobst

你可以在你的代碼

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');})

來源

2015-05-19 04:33:27

Javascript - 動態創建按鈕

回答

相關問題