Saving message after submit in sessionStorage-CodePudding

I have a function which shows a text after submit form and hide form:

function change() {
    document.getElementById('form').style.display ='none';
    document.getElementById('thanks').style.display = '';
}

Now I want to save this message after refresh site using sessionstorage, but I have no completely idea how it works and I don't understand the idea.

I just want to not give an user option to send another form unless he close his browser.

In html:

    <button type="submit"  id="button" onclick="change()">Send</button>
    <input type="reset" id="button">
  </form>
</div>
<h1 id="thanks" style="display:none">Thanks for submit the form!</h1>

CodePudding user response：

I would do it like so: set the variable in sessionStorage in your change() function; and render the elements conditionally, depending on this variable set:

window.onload = isChange;

function change() {
    sessionStorage.setItem('change', true);

    isChange();
}

function isChange() {
    if (sessionStorage.getItem('change')) {
        document.getElementById('form').style.display ='none';
        document.getElementById('thanks').style.display = '';
    } else {
        document.getElementById('form').style.display ='';
        document.getElementById('thanks').style.display = 'none'n
    }
}