Saving text to input?

Question

PHP

Hello! I have a question, I need to save the text entered by the user after pressing the save button in the input, here is the code

<textarea id="comment"></textarea>
<input type="text" id="fio">

<script>
var elements = document.querySelectorAll('input, textarea');

function checkValidity() {};

for (i=0; i<elements.length; i++) {
 (function(element) {
   var id = element.getAttribute('id');
   element.value = sessionStorage.getItem(id); // обязательно наличие у элементов id
   element.oninput = function() {
     sessionStorage.setItem(id, element.value);
     checkValidity();
   };
 })(elements[i]);
}
</script>

it works, but the input submit button disappears, more precisely the text in it is "Save", what did I do wrong?

Answer 1

https://jsfiddle.net/Ivanq/nzbk0a7z/4/

Answer 2

You interrupt all elements value, and that disappears.

Answer 3

<input type="submit" id="click"  value="Сохранить">

...
or vice versa, restore only the necessary id, and not all in a row