Приветствую.
Есть страница, на которой пользователь заполняет несколько полей:
<main>
<form class="form" id="form">
<label for="sum1">Сумма 1</label>
<input type="number" name="sum1" id="sum1">
<label for="sum2">Сумма 2</label>
<input type="number" name="sum2" id="sum2">
<label for="sum3">Сумма 3</label>
<input type="number" name="sum3" id="sum3">
<input type="submit" value="Предварительный результат">
</form>
<script src="js/result.js"></script>
</main>
Значения заполненных полей передаются в скрипт и присваиваются переменным:
const form = document.querySelector('#form');
form.addEventListener('submit', function (event) {
let s1 = this["sum1"].value;
let s2 = this["sum2"].value;
let s3 = this["sum3"].value;
});
В дальнейшем пользователь открывает другую страницу, где полей для ввода больше. Но помимо новых полей, там есть и те, которые уже были заполнены на предыдущем этапе (sum1, sum2, sum3). Как сделать так, чтобы они уже были заполнены? Иными словами, как передать значения переменных s1, s2, s3?
Предвидя гнев форумчан: я просмотрел кучу всего, что связано с локальными и глобальными переменными, но ответа, увы, не нашёл...