При нажатии кнопки перезагрузить страницу и изменить текст кнопки

Question

Я бы хотел нажать на кнопку, чтобы перезагрузить страницу и изменить текст внутри кнопки.

Для перезагрузки я получил:

Javascript:

function reloadPage(){ 
window.parent.location = window.parent.location.href;} 

HTML:

<button type="button" onClick="reloadPage()">Start</button> 

<script src="reloadpage.js"></script> 

После щелчка, текст в кнопке должен измениться с "Start", чтобы «попробовать еще раз! "

Как это сделать?

спасибо.

Answer 1

Вы можете сделать это, добавив строку запроса при перезагрузке, а затем создайте скрипт, который обнаруживает строку запроса и изменяет текст кнопки onload.

JavaScript:

function reloadPage(){ 
window.parent.location = window.parent.location.href+"reload=true";} 

function checkQString(){ 
// get query strings and store reload qstring in variable 
if (reload) { 
    document.getElementById('btn').innerHTML = 'Try Again!'; 
} 

HTML

<button id='btn' type="button" onLoad='checkQString();' onClick="reloadPage()">Start</button> 

<script src="reloadpage.js"></script> 

Answer 2

Вы можете использовать Cookies. С помощью js вы можете использовать https://plugins.jquery.com/cookie/ Или можете использовать файлы cookie на стороне сервера