Как хранить все входные значения HTML

Question

Я хочу сохранить значения ввода HTML где-то, когда я нажимаю кнопку «Сохранить», поэтому, когда я перезагружаю страницу или перезагружаю браузер, они будут такими же, как и я. Я не знаю, как это сделать.

HTML код:

<p> 
    <input type="text" id="name1" class="input-class" disabled="true" value="Cigarette" /> 
    <input type="number" id="input1" class="input-class" value="1" />&nbsp; - Amount 
    <input type="number" id="input2" class="input-class" value="1" />&nbsp; <input type="button" value="Sold" onClick="gamokleba()" /> 
    <br> 
    <input type="text" id="name2" class="input-class" disabled="true" value="Winston" /> 
    <input type="number" id="input11" class="input-class" value="1" />&nbsp; - Amount 
    <input type="number" id="input21" class="input-class" value="1" />&nbsp; <input type="button" value="Sold" onClick="gamokleba2()" /> 

</p> 

<input type="button" value="Save All Value" onClick="..." /> 

JavaScript код:

function gamokleba (value) { 
    document.getElementById('input1').value = document.getElementById('input1').value - document.getElementById('input2').value; 
} 


function gamokleba2 (value) { 
    document.getElementById('input11').value = document.getElementById('input11').value - document.getElementById('input21').value; 
} 

Answer 1

Вы можете использовать LocalStorage https://developer.mozilla.org/pl/docs/Web/API/Window/localStorage

После изменения значения в любом входе, храните его в LocalStorage и на странице загрузки проверьте, есть ли значения в localStorage. Если они есть, установите их в свои входы.

Редактировать: быть ясным - он будет храниться только на стороне клиента, поэтому разные пользователи его не увидят.