Javascript-форум - Работа с переменными, которые получили значения внутри функции.

Приветствую.

Есть страница, на которой пользователь заполняет несколько полей:

<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?
Предвидя гнев форумчан: я просмотрел кучу всего, что связано с локальными и глобальными переменными, но ответа, увы, не нашёл...