Javascript - Создать кнопку динамически

Question

Я хотел бы создать кнопку динамически с помощью JavaScript и jQuery.

Код, приведенный ниже, является заключительной частью викторины, и когда викторина завершена, она дает результаты и состояния, которые вы закончили. Я хотел бы создать кнопку динамически с помощью 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 

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